Savybė clientLeft

Savybė clientLeft apima kairiosios sienelės plotį (reikšmę border-left). Tiksliau clientLeft apima elemento vidinės dalinės atitraukimo nuo išorinės reikšmę. Daugeliu atvejų clientLeft yra lygus border-left, bet jei dokumentas išdėstytas iš dešinės į kairę (pavyzdžiui, arabų kalba), tai į reikšmę clientLeft gali būti įtrauktas ir kairėje esančios slinkties juostos plotis.

Sintaksė

javascriptelementas.clientLeft;

Pavyzdys

Išsiaiškinkime elemento kairiosios sienelės plotį:

html<div id="elem"></div>
css#elem {
  width: 100px;
  height: 100px;
  border: 10px solid black;
}
javascriptlet elem = document.querySelector('#elem');
console.log(elem.clientLeft);

Kodo vykdymo rezultatas:

javascript10

Taip pat žiūrėkite

  • savybė clientTop,
    kuri apima viršutinės sienelės plotį