Propriété HTML DOM clientLeft
Exemple
Obtenez la largeur des bordures supérieure et gauche d'un élément <div> :
var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La propriété clientLeft renvoie la largeur de la bordure gauche d'un élément, en pixels.
Cette propriété n'inclut pas le rembourrage gauche ni la marge gauche de l'élément.
Conseil : Vous pouvez également utiliser la propriété style.borderLeftWidth pour renvoyer la largeur de la bordure gauche d'un élément.
Remarque : Pour Chrome, Firefox et Opera sous Windows, si l'élément a une barre de défilement (définie par la propriété CSS overflow ), et si la direction du texte de cet élément est de droite à gauche (définie par la propriété CSS direction ), cela La propriété inclut la largeur de la barre de défilement verticale, ainsi que la largeur de la bordure gauche. Dans IE, cependant, il renvoie "0". Sur Mac OS, en utilisant Safari, Chrome, Firefox ou Opera, il ne renvoie que la largeur de la bordure gauche.
Astuce : Pour renvoyer la largeur de la bordure supérieure d'un élément, utilisez la propriété clientTop .
Cette propriété est en lecture seule.
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
clientLeft | Yes | Yes | Yes | Yes | Yes |
Syntaxe
element.clientLeft
Détails techniques
Valeur de retour : | Un nombre, représentant la largeur de la bordure gauche d'un élément, en pixels |
---|
Plus d'exemples
Exemple
Dans cet exemple, le sens du texte de <div> est de droite à gauche et il a une barre de défilement :
var left = document.getElementById("myDIV").clientLeft;