Свойство clientLeft
Пример element.clientLeft
Отображение ширины верхней и левой границы myDIV:
const elmnt = document.getElementById("myDIV");
let text = "Ширина верхней границы: " + elmnt.clientTop + "px<br>";
text += "Ширина левой границы: " + elmnt.clientLeft + "px";
Попробуйте сами »
Ещё примеры ниже.
Описание clientLeft
Свойство clientLeft возвращает ширину левой границы элемента в пикселях.
Свойство clientLeft не включает левый отступ или левое поле элемента.
Свойство clientLeft доступно только для чтения.
Примечание clientLeft
Свойство style.borderLeftWidth также возвращает ширину левой границы элемента.
Учебник CSS Box Model
Связные страницы clientLeft
Синтаксис clientLeft
element.clientLeft
Возвращаемое значение clientLeft
| Тип | Описание |
|---|---|
| Number | Ширина левой границы элемента в пикселях. |
Ещё примеры clientLeft
В этом примере направление текста "myDIV" — справа налево, и он имеет полосу прокрутки:
let left = document.getElementById("myDIV").clientLeft;
Попробуйте сами »
Поддержка браузера clientLeft
element.clientLeft поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | Да |