Cette propriété spécifie une largeur identique pour chacune des marges en l'occurrence supérieure, inférieure, droite et gauche.

La propriété accepte des valeurs sous forme de taille ou sous forme de de pourcentage. Il est permis d'appliquer des valeurs négatives pour des propriétés de marge, mais il peut y avoir des limites spécifiques de mise d'en oeuvre.

  • Lorsqu'une seule valeur est indiquée, elle s'applique aux quatre marges.
  • Lorsque deux valeurs sont spécifiées, elles s'appliquent dans l'ordre à la marge supérieure et inférieure, et aux marges de droite et de gauche.
  • Lorsque deux valeurs sont spécifiées, elles s'appliquent dans l'ordre à la marge supérieure, puis aux marges de droite et de gauche et enfin à la marge inférieure.
  • Lorsque quatres valeurs sont spécifiées, elles s'appliquent dans l'ordre aux marges supérieure, de droite, inférieure et de gauche.
Exemple
margin
Valeur Taille
Pourcentage
auto
Valeur par défaut non_définie
Domaine d'application Tous les éléments
Héritage non
Pourcentage En référence à l'élément contenant
Media visuel
Valeur
possible
Action Exemple
Taille Une marge de valeur fixe s'applique tout autour de l'élément. p {margin: 4em}
Pourcentage La marge s'appliquera en fonction des dimensions de l'élément. table {margin: 20% 15%}
Taille Une marge sera définit automatiquement par le navigateur à l'élément. img {margin: 15px 20px 25px 30px}
auto Une marge sera définit automatiquement par le navigateur à l'élément. li {margin: auto}
Compatibilité
Windows Macintosh
NE4 NE6 NE7 IE5 IE55 IE6 OP5 OP6 OP7 NE4 NE6 NE7 IE4 IE5