Свойство HTML DOM clientLeft
Пример
Получите ширину верхней и левой границы элемента <div>:
var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Свойство clientLeft возвращает ширину левой границы элемента в пикселях.
Это свойство не включает левый отступ или левое поле элемента.
Совет: Вы также можете использовать свойство style.borderLeftWidth для возврата ширины левой границы элемента.
Примечание. Для Chrome, Firefox и Opera в Windows, если элемент имеет полосу прокрутки (устанавливается свойством переполнения CSS ) и если направление текста этого элемента — справа налево (устанавливается свойством направления CSS), это Свойство включает ширину вертикальной полосы прокрутки вместе с шириной левой границы. Однако в IE он возвращает «0». В Mac OS при использовании Safari, Chrome, Firefox или Opera возвращается только ширина левой границы.
Совет: Чтобы вернуть ширину верхней границы элемента, используйте свойство clientTop .
Это свойство доступно только для чтения.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
clientLeft | Yes | Yes | Yes | Yes | Yes |
Синтаксис
element.clientLeft
Технические детали
Возвращаемое значение: | Число, представляющее ширину левой границы элемента в пикселях. |
---|
Дополнительные примеры
Пример
В этом примере направление текста <div> — справа налево, и у него есть полоса прокрутки:
var left = document.getElementById("myDIV").clientLeft;