Propriété clientLeft
La propriété clientLeft contient la largeur
de la bordure gauche (valeur border-left).
Plus précisément, clientLeft contient la valeur de la marge
de la partie intérieure de l'élément par rapport à l'extérieure. Dans la plupart des
cas, clientLeft est égal à border-left, mais
si le document est disposé de droite à gauche
(par exemple, la langue arabe), alors la valeur de
clientLeft peut inclure également la largeur de la barre de
défilement à gauche.
Syntaxe
élément.clientLeft;
Exemple
Découvrons la largeur de la bordure gauche de l'élément :
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.clientLeft);
Résultat de l'exécution du code :
10
Voir aussi
-
la propriété
clientTop,
qui contient la largeur de la bordure supérieure
