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