Les quatre valeurs de la propriété margin en CSS
Lorsque quatre valeurs sont spécifiées pour la propriété margin, la première valeur définit la marge supérieure. La deuxième valeur détermine la marge droite, la troisième - la marge inférieure, et la quatrième - la marge gauche. En d'autres termes, nous commençons par le haut et suivons le sens des aiguilles d'une montre : haut-droit-bas-gauche. Regardez l'exemple :
<div id="parent">
<div id="child"></div>
</div>
#parent {
width: 300px;
border: 1px solid red;
}
#child {
height: 100px;
border: 1px solid green;
margin: 10px 20px 30px 40px;
}
:
Reproduisez la page selon cet exemple :