HTML DOM clientTop 属性

HTML DOM Element 对象

clientTop只读属性返回一个元素的上边框的宽度以像素为单位。

clientTop属性不包括上边距或上边距。

使用clientLeft属性返回元素左边框的宽度。

注意:当元素具有display:inline时,无论元素的边框如何,clientTop都将返回0

语法:

element.clientTop
var elem = document.querySelector("div");
var txt = "Border top width: " + elem.clientTop + "px<br>";
txt += "Border left width: " + elem.clientLeft + "px";
测试看看‹/›

浏览器兼容性

所有浏览器都完全支持clientTop属性:

属性
clientTop

技术细节

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

相关参考

HTML DOM参考:HTML DOM clientLeft属性

HTML DOM Element 对象