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

javascriptelement.clientLeft;

Przykład

Sprawdźmy szerokość lewego obramowania elementu:

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

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

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

Wynik wykonania kodu:

javascript10

Zobacz też