元素：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 |
浏览器兼容性
加载中…