Exemple
Obtenez la largeur d'un <div> haut et à gauche de l' élément frontière:
var elmnt = document.getElementById("myDIV");
var txt = "Border top
width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " +
elmnt.clientLeft + "px";Le résultat de txt sera:
Border top width: 15px
Border left width: 10px Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples 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é ne comprend pas le rembourrage gauche ou la marge gauche de l'élément.
Astuce: Vous pouvez également utiliser la style.borderLeftWidth propriété pour retourner 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 (fixé par le CSS overflow propriété), et si la direction du texte de cet élément est de droite à gauche (set by the CSS direction property) , cette propriété comprend la largeur de la barre de défilement vertical, ainsi que la largeur de la bordure gauche. Dans IE, cependant, il retourne "0" . Sous Mac OS, à l'aide de Safari, Chrome, Firefox ou Opera, il ne retourne que la largeur de la bordure gauche.
Astuce: Pour revenir la largeur de la bordure supérieure d'un élément, utilisez la clientTop propriété.
Cette propriété est en lecture seule.
Support du navigateur
| Propriété | |||||
|---|---|---|---|---|---|
| clientLeft | Oui | Oui | Oui | Oui | Oui |
Syntaxe
element .clientLeftDétails techniques
| Valeur de retour: | Un nombre, représentant la largeur de la bordure gauche d'un élément, en pixels |
|---|
autres exemples
Exemple
Dans cet exemple, la direction de texte <div> est de droite à gauche, et il a une barre de défilement:
var left = document.getElementById("myDIV").clientLeft; Essayez vous - même »