documentation css margin

Version CSS : 1 (&2)

• S’applique à : Tous les éléments.
• Valeur héritée : Non
• Valeur par défaut : selon l’élément

Regroupe les différentes propriétés permettant de définir les marges d’un élément avec celui qui le précède ou son élément parent:

1. margin-top
2. margin-right
3. margin-bottom
4. margin-left

Si l’on ne précise qu’une longueur, celle-ci s’appliquera aux quatres cotés de l’élément. Il est cependant possible de définir les cotés indépendemment un indiquant plusieurs longueurs.

Attribution des marges si plusieurs mentions sont définies (depuis CSS2 uniquement et donc non reconnu par les anciens navigateurs) :

• si 2 valeurs : première mention pour le haut et le bas, seconde pour droite et gauche.
• si 3 valeurs : première mention pour le haut, seconde pour droite et gauche, troisième pour le bas.
• si 4 valeurs : les quatre mentions sont respectivement attribuées aux espaces haut, droite, bas et gauche.

Valeurs pour les mentions :

• auto : marges calculées automatiquement
• longueur : marge définie dans une unité précise
• pourcentage de la longueur de l’élément parent

Les valeurs négatives sont également autorisées.

Si Netscape 4.5 reconnait la propriété margin, celle-ci y est cependant parfois mal interprétée.

Exemple de script

.margin1 {
  margin: 30px;
}
 
.margin2 {
  margin: 30px 50px;
}
 
.margin3 {
  margin: 30px 50px 5px;
}
 
.margin4 {
  margin: 30px 50px 5px 20px;
}
 
body {
  margin: 0;
}