# Свойство 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`,
  которое содержит ширину верхней границы

← →
↑
en ru