Właściwość clientLeft
Właściwość clientLeft zawiera szerokość
lewego obramowania (wartość border-left).
Dokładniej clientLeft zawiera wartość odstępu
wewnętrznej części elementu od zewnętrznej. W większości
przypadków clientLeft równa się border-left, ale
jeśli dokument jest układany od prawej do lewej
(na przykład język arabski), to w wartość
clientLeft może być włączona i szerokość paska
przewijania po lewej stronie.
Składnia
element.clientLeft;
Przykład
Sprawdźmy szerokość lewego obramowania elementu:
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.clientLeft);
Wynik wykonania kodu:
10
Zobacz też
-
właściwość
clientTop,
która zawiera szerokość górnego obramowania
