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.
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