Propriété margin-bottom
La propriété margin-bottom définit
la marge externe en bas d'un élément. Les valeurs
de la propriété peuvent être toutes les unités
de taille ou la valeur clé auto,
qui permet au navigateur de calculer automatiquement
la marge de l'élément.
Syntaxe
sélecteur {
margin-bottom: valeur;
}
Exemple
Définissons une marge externe en bas de 50px pour un bloc :
<div id="parent">
<div id="elem"></div>
</div>
#parent {
border: 1px solid green;
display: inline-block;
}
#elem {
margin-bottom: 50px;
border: 1px solid red;
width: 100px;
height: 100px;
}
:
Voir aussi
-
la propriété
margin-top,
qui définit la marge externe en haut -
la propriété
margin-left,
qui définit la marge externe à gauche -
la propriété
margin-right,
qui définit la marge externe à droite -
la propriété
margin,
qui est un raccourci pour les marges externes -
la propriété
padding,
qui définit la marge interne
