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

javascriptélément.clientLeft;

Exemple

Découvrons la largeur de la bordure gauche de l'élément :

html<div id="elem"></div>

css#elem {
  width: 100px;
  height: 100px;
  border: 10px solid black;
}

javascriptlet elem = document.querySelector('#elem');
console.log(elem.clientLeft);

Résultat de l'exécution du code :

javascript10

Voir aussi