HTML DOM 元素 clientTop

示例

获取 myDIV 的上边框和左边框的宽度：

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

亲自试一试 »

描述

这个clientTop属性返回元素上边框的宽度（以像素为单位）。

这个clientTop属性不包括元素的顶部内边距或顶部边距。

这个clientTop属性是只读的。

笔记

style.borderTopWidth 属性还返回元素上边框的宽度。

教程：

CSS 盒子模型

也可以看看：

语法

element.clientTop

返回值

类型	描述
数字	元素上边框的宽度（以像素为单位）。

浏览器支持

element.clientTop所有浏览器都支持：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	Yes