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