此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
Element：clientLeft 属性
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
元素左侧边框的宽度（像素）。如果元素的文本方向为从右到左，并且内容溢出导致渲染了左侧的垂直滚动条，则该值包含垂直滚动条的宽度。clientLeft 不包含左外边距或左内边距的值。clientLeft 是只读属性。
备注：此属性将会对值取整。如果需要小数值，请使用element.getBoundingClientRect()。
备注：当元素的属性为display: inline 时，无论元素是否有边框，clientLeft 都会返回0。
值
数字。
示例
在以下示例中，视口区域具有白色背景和一个 24 像素宽的黑色border-left。clientLeft 的值是从外边距（黄色）区域结束到内边距和内容区域（白色）开始的距离：即 24 像素。
HTML
html
<div> <div> <p> 对大多数人来说，生活的变化是缓慢的。今天和昨天似乎没有什么不同；明天也可能和今天一样。也许人一生仅仅有那么一两个辉煌的瞬间，甚至一生都可能在平淡无奇中度过。——路遥 </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;}结果
规范
| Specification |
|---|
| CSSOM View Module # dom-element-clientleft |