Exemple
Régler la position gauche d'un <button> élément:
document.getElementById("myBtn").style.left = "100px"; Essayez vous - même » Définition et utilisation
Les ensembles de propriétés gauche ou retourne la position gauche d'un élément positionné.
Cette propriété indique la position gauche de l'élément de rembourrage, y compris, la barre de défilement, la bordure et la marge.
Tip: Un élément positionné est un élément de l'ensemble de propriétés de position: relative, absolue ou fixe.
Conseil: Pour définir ou retourner la bonne position d'un élément positionné, utilisez le droit propriété.
Support du navigateur
La propriété gauche est prise en charge dans tous les principaux navigateurs.
Syntaxe
Retour la propriété gauche:
object .style.left
Définissez la propriété gauche:
object .style.left="auto| Valeurs de propriété Valeur La description auto Permet le navigateur régler la position gauche. Ce défaut est length Définit la position à gauche en unités de longueur. Les valeurs négatives sont autorisées % Réglage de la position de gauche en% de la largeur de l'élément parent initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront
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
autres exemples
Exemple
Régler la position gauche d'un <div> élément:
document.getElementById("myDIV").style.left = "100px";
Essayez vous - même »
Exemple
L' utilisation de valeurs négatives - Régler la position gauche d'un <div> élément:
document.getElementById("myDIV").style.left = "-100px";
Essayez vous - même »
Exemple
Retourne la position gauche d'un <div> élément:
alert(document.getElementById("myDiv").style.left);
Essayez vous - même »
Pages associées
Tutoriel CSS: positionnement CSS
Référence CSS: la left property
<Style objet