Ces propriétés spécifient la largeur de chacune des marges en l'occurrence supérieure, inférieure, droite et gauche. Dans ce cas, il est possible de définir des marges différentes pour un même élément.

Exemple
margin-top
Valeur Taille
Pourcentage
auto
Valeur par défaut 0
Domaine d'application Tous les éléments
Héritage non
Pourcentage En référence à
l'élément contenant
Media visuel
margin-right
Valeur Taille
Pourcentage
auto
Valeur par défaut 0
Domaine d'application Tous les éléments
Héritage non
Pourcentage En référence à
l'élément contenant
Media visuel
margin-left
Valeur Taille
Pourcentage
auto
Valeur par défaut 0
Domaine d'application Tous les éléments
Héritage non
Pourcentage En référence à
l'élément contenant
Media visuel
margin-bottom
Valeur Taille
Pourcentage
auto
Valeur par défaut 0
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 à l'élément. h2 {margin-right: 5cm}
Pourcentage La marge s'appliquera en fonction des dimensions de l'élément. img {margin-top: 10%}
auto Une marge sera définit automatiquement par le navigateur à l'élément. object {margin-bottom: auto}
Pourcentage La marge s'appliquera en fonction des dimensions de l'élément. embed {margin-left: 25%}
Taille Une marge sera définit automatiquement par le navigateur à l'élément. blockquote {margin-right: 25mm}
Compatibilité
Windows Macintosh
NE4 NE6 NE7 IE5 IE55 IE6 OP5 OP6 OP7 NE4 NE6 NE7 IE4 IE5
Sommaire