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