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

csssélecteur {
  margin-bottom: valeur;
}

Exemple

Définissons une marge externe en bas de 50px pour un bloc :

html<div id="parent">
  <div id="elem"></div>
</div>
css#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