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