Eigenschap clientLeft
De eigenschap clientLeft bevat de breedte
van de linkerrand (de waarde border-left).
Om precies te zijn bevat clientLeft de waarde van de padding
van het binnenste deel van het element ten opzichte van de buitenkant. In de meeste
gevallen is clientLeft gelijk aan border-left, maar
als het document van rechts naar links wordt gerangschikt
(bijvoorbeeld, Arabisch), dan kan in de waarde
clientLeft ook de breedte van de scrollbar
aan de linkerkant worden meegenomen.
Syntaxis
element.clientLeft;
Voorbeeld
Laten we de breedte van de linkerrand van het element achterhalen:
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.clientLeft);
Resultaat van het uitvoeren van de code:
10
Zie ook
-
de eigenschap
clientTop,
die de breedte van de bovenste rand bevat
