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
elementti.clientLeft;
Esimerkki
Selvitetään elementin vasemman reunan leveys:
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.clientLeft);
Koodin suorituksen tulos:
10
Katso myös
-
ominaisuus
clientTop,
joka sisältää yläreunan leveyden
