Style à gauche Propriété
Exemple
Définissez la position à gauche d'un élément <button> :
document.getElementById("myBtn").style.left = "100px";
Définition et utilisation
La propriété left définit ou renvoie la position gauche d'un élément positionné.
Cette propriété spécifie la position à gauche de l'élément, y compris le remplissage, la barre de défilement, la bordure et la marge.
Astuce : Un élément positionné est un élément dont la propriété position est définie sur : relative, absolue ou fixe.
Astuce : Pour définir ou retourner la bonne position d'un élément positionné, utilisez la propriété right .
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
left | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoie la propriété de gauche :
object.style.left
Définissez la propriété left :
object.style.left = "auto|length|%|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
auto | Lets the browser set the left position. This is default |
length | Defines the left position in length units. Negative values are allowed |
% | Sets the left position in % of the width of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
Valeur par défaut: | auto |
---|---|
Valeur de retour : | Une chaîne, représentant la position à gauche d'un élément positionné |
Version CSS | CSS2 |
Plus d'exemples
Exemple
Définissez la position à gauche d'un élément <div> :
document.getElementById("myDIV").style.left = "100px";
Exemple
Utilisation de valeurs négatives - Définissez la position à gauche d'un élément <div> :
document.getElementById("myDIV").style.left = "-100px";
Exemple
Renvoie la position gauche d'un élément <div> :
alert(document.getElementById("myDiv").style.left);
Pages connexes
Tutoriel CSS : Positionnement CSS
Référence CSS : propriété gauche
❮ Objet de style