Proprietatea clientLeft

Proprietatea clientLeft conține lățimea bordurii stângi (valoarea border-left). Mai exact clientLeft conține valoarea spațiului părții interioare a elementului față de cea exterioară. În majoritatea cazurilor clientLeft este egal cu border-left, dar dacă documentul este orientat de la dreapta la stânga (de exemplu, limba arabă), atunci în valoarea clientLeft poate fi inclusă și lățimea barei de de derulare din stânga.

Sintaxă

javascriptelement.clientLeft;

Exemplu

Să aflăm lățimea bordurii stângi a elementului:

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

Rezultatul executării codului:

javascript10

Veți și

  • proprietatea clientTop,
    care conține lățimea bordurii superioare