Ominaisuus clientLeft

Ominaisuus clientLeft sisältää vasemman reunan (border-left-arvon) leveyden. Tarkemmin sanottuna clientLeft sisältää elementin sisäosan offset-arvon ulkoosasta. Useimmissa tapauksissa clientLeft on yhtä suuri kuin border-left, mutta jos asiakirja on järjestetty oikealta vasemmalle (esimerkiksi arabian kieli), niin clientLeft-arvoon voi sisältyä myös vasemmalla olevan vierityspalkin leveys.

Syntaksi

javascriptelementti.clientLeft;

Esimerkki

Selvitetään elementin vasemman reunan leveys:

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

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

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

Koodin suorituksen tulos:

javascript10

Katso myös