HTML DOM 元素 clientLeft

示例

显示 myDIV 的上边框和左边框的宽度：

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

亲自试一试 »

下面有更多示例。

描述

这个clientLeft属性返回元素左边框的宽度（以像素为单位）。

这个clientLeft属性不包括元素的左内边距或左边距。

这个clientLeft属性是只读的。

笔记

style.borderLeftWidth 属性还返回元素左边框的宽度。

教程：

CSS 盒子模型

也可以看看：

语法

element.clientLeft

返回值

类型	描述
数字	元素左边框的宽度（以像素为单位）。

浏览器支持

element.clientLeft所有浏览器都支持：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	Yes