HTML DOM Element clientLeft 屬性

定義和用法

clientLeft 屬性返回元素左邊框的寬度，以像素計。

clientLeft 屬性不包括元素的左內邊距或左外邊距。

clientLeft 屬性是只讀的。

注釋：style.borderLeftWidth 屬性還返回元素左邊框的寬度。

請參閱：CSS 框模型教程

另請參閱：

clientTop 屬性

clientWidth 屬性

clientHeight 屬性

offsetLeft 屬性

offsetTop 屬性

實例

例子 1

顯示 myDIV 的上和左邊框的寬度：

const elmnt = document.getElementById("myDIV");
let text = "Border top width: " + elmnt.clientTop + "px<br>";
text += "Border left width: " + elmnt.clientLeft + "px";

親自試一試

例子 2

在這個例子中，"myDIV" 的文本方向是從右到左，并且它有滾動條：

let left = document.getElementById("myDIV").clientLeft;

親自試一試

語法

element.clientLeft

返回值

類型 描述
數字 元素左邊框的寬度，以像素計。

瀏覽器支持

所有瀏覽器都支持 element.clientLeft：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 支持 支持 支持 支持 支持