Element.clientLeft
clientLeft не включает в себя ни левый padding ни margin с той же стороны. clientLeft только для чтения.
Gecko-based applications support clientLeft starting with Gecko 1.9 (Firefox 3, implemented in баг 111207). This property is not supported in Firefox 2 and earlier.
Когда layout.scrollbar.side значение установлено от 1 до 3 и направление текста справа налево, то вертикальный scrollbar будет спозиционирован слева и как следствие будет вычислен clientLeft.
Примечание: Это свойство округлит значение к целому числу. Если нужно дробное значение используйте element.getBoundingClientRect().
Syntax
var left = element.clientLeft;
Example
padding-top
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
padding-bottom
Left Top Right Bottom margin-top margin-bottom border-top border-bottom
Specifications
| Specification | Status | Comment |
|---|---|---|
| CSS Object Model (CSSOM) View Module Определение 'clientLeft' в этой спецификации. |
Рабочий черновик |
Поддержка браузерами
BCD tables only load in the browser
Notes
clientLeft был впервые введён MS IE DHTML object model.
Расположение вертикального scrollbar для письма справа налево применённого для элемента будет назначаются следующим свойством layout.scrollbar.side preference
Когда установлены стили элемента display: inline, то clientLeft вернёт 0 несмотря на границы элемента.