轻松上手,快乐学习!

HTML DOM clientTop 属性


实例

获取 <div> 元素的上边框和左边框的宽度:

var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";
亲自试一试 »

页面下方有更多实例。


定义和用法

clientTop 属性返回元素上边框的宽度(以像素为单位)。

此属性不包括元素的顶部填充或顶部边距。

提示: 还可以使用 style.borderTopWidth 属性返回元素上边框的宽度。

提示: 要返回元素左边框的宽度,请使用 use the clientLeft 属性。

该属性是只读的。


浏览器支持

属性
clientTop Yes Yes Yes Yes Yes

语法

element.clientTop

技术细节

返回值: 一个数字, 表示元素上边框的宽度,以像素为单位