Свойство clientLeft

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

Синтаксис

елемент.clientLeft;

Пример

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

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

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

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

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

10

Вижте също

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