Свойство clientLeft содержит ширину левой границы (значение border-left).

Точнее clientLeft содержит значение отступа внутренней части элемента от внешней. В большинстве случаев clientLeft равно border-left, но если документ располагается справа налево, то в значение clientLeft может включатся и ширина полосы прокрутки слева.

См. также свойство clientTop, которое содержит ширину левой границы.

Синтаксис

элемент.clientLeft

Примеры

Пример

В данном примере clientLeft равно border-left:

#elem {
	border: 10px solid;
}
<div id="elem"></div>
var elem = document.getElementById('elem');
document.write(elem.clientLeft);

Результат выполнения кода:

10

Пример

Если элемент скрытый, то clientLeft равно 0:

<style>
	#elem {
		border: 10px solid;
		display: none;
	}
</style>

<div id="elem">Элемент</div>
var elem = document.getElementById('elem');
document.write(elem.clientLeft);

Результат выполнения кода:

0