Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

Ширина от левого края элемента в пискелях. При наличии overflow заключает в себя ширину от ветикального scrollbar для письма справа налево.

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 будет спозиционирован слева и как следствие будет вычислен сlientLeft.

Внимание: Это свойство округлит значение к целому числу. Если нужно дробное значение используйте 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' в этой спецификации.
Рабочий черновик  

Поддержка браузерами

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidEdge MobileFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
clientLeftChrome Полная поддержка 43Edge Полная поддержка 12Firefox Полная поддержка ДаIE ? Opera Полная поддержка ДаSafari Полная поддержка 6WebView Android Полная поддержка 43Chrome Android Полная поддержка 43Edge Mobile ? Firefox Android ? Opera Android Полная поддержка ДаSafari iOS ? Samsung Internet Android ?

Легенда

Полная поддержка  
Полная поддержка
Совместимость неизвестна  
Совместимость неизвестна

Notes

clientLeft был впервые введен MS IE DHTML object model.

Расположени вертикального scrollbar для письма справа налево применненного для элемента будет назначатся вледующим свойством layout.scrollbar.side preference

Когда установлены стили элемента display: inline, то clientLeft вернет 0 несмотря на границы элемента.

Метки документа и участники

Внесли вклад в эту страницу: mdnwebdocs-bot, AlexNikonov
Обновлялась последний раз: mdnwebdocs-bot,