元素：clientLeft 屬性
Element 介面的只讀屬性 clientLeft 以畫素為單位返回元素的左邊框的寬度。如果元素的文字方向是從右到左，並且存在導致渲染了左側垂直捲軸的溢位，則它包括垂直捲軸的寬度。clientLeft 不包括左邊距或左內邊距。
注意：當元素的 display 為 inline 時，無論元素的邊框如何，clientLeft 都返回 0。
值
一個整數。
示例
在下面的示例中，客戶區域具有白色背景和 24px 的黑色 border-left。clientLeft 值是從邊距（黃色）區域結束處到內邊距和內容區域（白色）開始處的距離，即 24px。
HTML
html
<div id="container">
<div id="contained">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat.
</p>
</div>
</div>
CSS
css
#container {
margin: 3rem;
background-color: rgb(255 255 204);
border: 4px dashed black;
}
#contained {
margin: 1rem;
border-left: 24px black solid;
padding: 0px 28px;
overflow: auto;
background-color: white;
}
結果
規範
| 規範 |
|---|
| CSSOM 檢視模組 # dom-element-clientleft |
瀏覽器相容性
載入中…