HTML DOM Element clientTop 属性

定义和用法

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
支持 支持 支持 支持 支持 支持