margin-bottom CSS propriété

Définition de la CSS margin-bottom.

La propriété de Marge CSS margin-bottom permet de spécifier l'espace entre la bordure basse d'un élément HTML ou XHTML et la bordure haute de l'élément adjacent.
La CSS margin-bottom est nommée marge Css extérieure basse (inférieure), à ne pas confondre avec la marge Css intérieure basse : padding-bottom.

margin-bottom : auto;
margin-bottom : 12px;
margin-bottom : 10%;

• nombre positif ou négatif suivi d'une unité CSS de longueur (px ou pt ou em, etc...).
• nombre positif ou négatif suivi de % (pourcentage).
• auto : la marge calculée automatiquement.
• inherit : hérite de la marge basse de son parent (CSS2).

Exemple de code margin-bottom CSS

Conditions d'application de la CSS margin-bottom.

La feuille de style css margin-bottom est applicable sur l'ensemble des balises HTML ou XHTML, sauf si ces dernières sont de type table-caption, table et inline-table.

La valeur de la CSS margin-bottom peut être mise directement dans la propriété de raccourci CSS margin.

Héritage des valeurs Css de margin-bottom.

Les balises filles HTML ou XHTML n'héritent pas de la propriété Css margin-bottom de leur parent.

Problème d'interprétation de margin-bottom en Css.

Toutes les feuilles de style css de marges extérieures posent un problème d'interprétation suivant la DTD. Voir l'explication du bug dans la feuille de style css padding. Ce problème est valable pour les navigateurs antérieurs à 2010.

Conditions d'animation de margin-bottom en CSS3.

La CSS margin-bottom est une propriété de feuille de style qui peut être utilisée pour les animations CSS et transitions CSS.