Méthode et exemple d'utilisation de l'attribut left CSS

left CSS属性指定定位的元素，相对于参考元素盒子或浏览器窗口的左边缘的左侧边缘的偏移量。

• Pour l'élément, cette propriété left spécifie la distance de décalage de la marge gauche de la boîte de l'élément par rapport à la marge gauche de la boîte englobante.L'attribut left CSS spécifie le décalage de la marge gauche de l'élément positionné par rapport à la marge gauche de l'élément de référence ou de la fenêtre du navigateur.Position absolu

• Pour l'élément, cette propriété left spécifie la distance de décalage de la marge gauche de la boîte de l'élément par rapport à la marge gauche de la boîte englobante.Position relativeÉlément, cette propriété left spécifie le décalage par rapport à la marge gauche de la boîte de l'élément lui-même (c'est-à-dire que l'élément est positionné dans le flux normal, puis décalé en fonction de ces propriétés).

Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans les scripts JavaScript.

Syntaxe de l'utilisation de left

La syntaxe de cette propriété est la suivante :

left: length | percentage | auto | initial | inherit

Les exemples suivants montrent comment utiliser l'attribut left.

　　p {
　　　position: absolu;
　　　left:　150px;
　　}

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.

Compatibilité du navigateur

Compatibilité des navigateurs pour l'attribut left ; les numéros dans le tableau ci-dessous représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.

Lire davantage

Veuillez consulter les tutoriels suivants :Position CSS，Couche CSS。

Attributs associés :position，top，right，bottom，z-index。