CSS - gauche

La description

La propriété left définit un décalage du bord gauche d'un élément positionné de manière absolue par rapport au bord gauche de son contexte de positionnement, ou la distance horizontale à laquelle un élément relativement positionné sera déplacé.

Valeurs possibles

  • length - Une distance fixe de la gauche du contexte de positionnement.

  • percent - Un certain pourcentage de la largeur du contexte de positionnement, en supposant que la largeur du contexte a été définie explicitement.

  • auto- Par défaut. Permet au navigateur de calculer la position gauche.

S'applique à

Tout l'élément positionné en HTML.

Syntaxe DOM

object.style.left = "2px";

Exemple

Voici l'exemple qui montre l'effet de cette propriété -

<html>
   <head>
   </head>

   <body>
      <p style = "position:absolute; left:100px;">
         This line will be positioned 100px away from the left edge of this window.
      </p>
   </body>
</html>

Il produira le résultat suivant -