margin-left CSS propriété

Définition de la CSS margin-left.

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

margin-left : auto;
margin-left : 12px;
margin-left : 15%;

La propriété de feuille de style margin-left 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. Si margin-right est aussi en auto, leurs valeurs calculées sont égales.
• inherit : hérite de la marge gauche de son parent (CSS2).

Exemple de code margin-left CSS

Conditions d'application de la CSS margin-left.

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

Héritage des valeurs Css de margin-left.

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

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

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

Conditions d'animation de margin-left en CSS3.

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