HTML DOM clientLeft 属性
实例
获取 <div> 元素的上边框和左边框的宽度:
var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";
亲自试一试 »
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";
页面下方有更多实例。
定义和用法
clientLeft 属性返回元素左边框的宽度（以像素为单位）。
此属性不包括元素的左填充或左边框。
提示: 还可以使用 style.borderLeftWidth 属性返回元素左边框的宽度。
注释: 对于Windows上的Chrome、Firefox和Opera，如果元素有一个 scrollbar 滚动条(由 CSS overflow 属性设置)，并且该元素的文本方向是从右向左 (由 CSS direction 属性设置)，则该属性包括垂直滚动条的宽度以及左边框宽度。然而，在IE中，它返回 "0"。 在Mac OS上，使用Safari、Chrome、Firefox 或 Opera，它只返回左边框宽度。
提示: 要返回元素上边框的宽度，请使用 clientTop 属性。
该属性是只读的。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| clientLeft | Yes | Yes | Yes | Yes | Yes |
语法
element.clientLeft
技术细节
| 返回值: | 一个数字， 表示元素左边框的宽度，以像素为单位 |
|---|
