Свойство clientLeft

Свойство clientLeft съдържа ширината на лявата граница (стойността border-left). По-точно clientLeft съдържа стойността на отстъпа на вътрешната част на елемента от външната. В повечето случаи clientLeft е равно на border-left, но ако документът е подреден от дясно на ляво (например, арабски език), тогава в стойността clientLeft може да бъде включена и ширината на лентата за превъртане отляво.

Синтаксис

javascriptелемент.clientLeft;

Пример

Нека разберем ширината на лявата граница на елемент:

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

Резултат от изпълнението на кода:

javascript10

Вижте също

  • свойство clientTop,
    което съдържа ширината на горната граница