свойство clientTop элемента HTML DOM

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

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

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

clientTop свойство является только для чтения.

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

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

еще см.:

свойство clientLeft

свойство clientWidth

свойство clientHeight

свойство offsetLeft

свойство offsetTop

пример

получите ширину верхнего и левого обрамления myDIV:

const element = document.getElementById("myDIV");
let text = "clientTop: " + element.clientTop + "px<br>";
text += "clientLeft: " + element.clientLeft + "px";

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

синтаксис

element.clientTop

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

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

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

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

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