例
得到的寬度<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技術細節
| 返回值： | 一個數字，代表元素的左邊框的寬度，以像素為單位 |
|---|
