атрибут clientLeft элемента HTML DOM

определение и использование

clientLeft атрибут возвращает ширину левого края элемента, измеренную в пикселях.

clientLeft атрибут не включает левый внутренний и левый наружный отступы.

clientLeft атрибут только для чтения.

Примечание:атрибут style.borderLeftWidthтакже возвращает ширину левого края элемента.

смотрите также:урок по CSS фрейму

еще см.:

атрибут clientTop

атрибут clientWidth

атрибут clientHeight

атрибут offsetLeft

атрибут offsetTop

пример

пример 1

показать ширину верхнего и левого края myDIV:

const elmnt = document.getElementById("myDIV");
let text = "Ширина верхнего края рамки: " + elmnt.clientTop + "px<br>";
text += "Ширина левого края рамки: " + elmnt.clientLeft + "px";

попробуйте сами

пример 2

В этом примере, текст "myDIV" направлен справа налево, и у него есть полоса прокрутки:

let left = document.getElementById("myDIV").clientLeft;

попробуйте сами

синтаксис

element.clientLeft

возвратное значение

тип описание
число ширина левого края элемента, измеренная в пикселях.

поддержка браузера

все браузеры поддерживают element.clientLeft:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
поддержка поддержка поддержка поддержка поддержка поддержка