left | NN 4 IE 4 CSS 2 |
Hérité: non | |
Pour les éléments positionnables, définit la position de décalage du bord gauche du cadre d'un élément (contenu plus remplissage, bordure et/ou marge de gauche) par rapport au bord gauche du conteneur père. Dans le cas d'un élément à positionnement relatif, le décalage est calculé par rapport au côté gauche de l'emplacement où l'élément devrait normalement apparaître. |
|
Syntaxe CSS | |
left: length | percentage | auto |
|
Valeur | |
Pour plus de détails sur les valeurs de longueur, voir le début de ce chapitre. Les longueurs négatives sont admises dans certains contextes, mais vérifiez l'effet obtenu sur chaque navigateur. Vous pouvez également spécifier un pourcentage, qui sera calculé par rapport à la largeur du cadre parent immédiat. Si vous spécifiez la valeur auto, le navigateur détermine automatiquement le décalage horizontal (à gauche) de l'élément par rapport à sa position naturelle dans le cadre destiné à le recevoir. Navigator a tendance à pousser le contenu tout contre le bord gauche du cadre, alors qu'Internet Explorer insère une petite marge. |
|
Valeur initiale | |
auto |
|
Exemple | |
h1 {position: relative; left: 2em} #logo {position: absolute; left: 80px; top: 30px} |
|
S'applique à | |
Eléments positionnés. |
|
Référence de modèle d'objet | |
[window.]document.getElementById("elementID").style.left
|