margin-top CSS propriété

Définition de la CSS margin-top.

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

margin-top : auto;
margin-top : 16px;
margin-top : 14%;

La propriété de feuille de style margin-top css peut pendre comme valeur de marge :

• 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 haute de son parent (CSS2).

Exemple de code margin-top CSS

Conditions d'application de la CSS margin-top.

La feuille de style css margin-top 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-top peut être mise directement dans la propriété de raccourci CSS margin.

Héritage des valeurs Css de margin-top.

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

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

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

Conditions d'animation de margin-top en CSS3.

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