例
得到的宽度<div>元素的顶部和左侧边框：
var elmnt = document.getElementById("myDIV");
var txt = "Border top
width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " +
elmnt.clientLeft + "px";TXT的结果将是：
Border top width: 15px
Border left width: 10px 试一试» 更多"Try it Yourself"下面的例子。
定义和用法
所述clientLeft属性返回元素的左边框的宽度，以像素为单位。
此属性不包括该元素的左填充或留有余量。
提示：您还可以使用style.borderLeftWidth属性返回元素的左边框的宽度。
注意：使用Chrome，Firefox和Opera在Windows上，如果该元素具有一个滚动条 （由CSS设置溢流财产），如果该元素的文字方向是从右到左(set by the CSS direction property) ，此属性包括垂直滚动条的宽度，与左边框宽度在一起。 在IE浏览器，但是，它会返回"0" 在Mac OS，使用Safari，Chrome浏览器，Firefox或Opera，它仅返回左边框的宽度。
提示：要返回元素的上边框的宽度，使用clientTop属性。
此属性为只读。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| clientLeft | 是 | 是 | 是 | 是 | 是 |
句法
element .clientLeft技术细节
| 返回值： | 一个数字，代表元素的左边框的宽度，以像素为单位 |
|---|
