Element.clientWidth

翻译不完整。 请帮助我们翻译这篇文章!

内联元素以及没有 CSS 样式的元素的 clientWidth 属性值为 0。Element.clientWidth 属性表示元素的内部宽度,以像素计。该属性包括内边距 padding,但不包括边框 border、外边距 margin 和垂直滚动条(如果有的话)。

当在根元素(<html>元素)上使用clientWidth时(或者在<body>上,如果文档是在quirks(怪异)模式下),将返回viewport的宽度(不包括任何滚动条). This is a special case of clientWidth.

该属性值会被四舍五入为一个整数。如果你需要一个小数值,可使用 element.getBoundingClientRect()

语法

var intElemClientWidth = element.clientWidth;

intElemClientWidth 是一个整数,表示元素的 clientWidthclientWidth 是一个只读属性。

示例

Image:Dimensions-client.png

规范

规范 状态 备注
CSS Object Model (CSSOM) View Module
clientWidth
Working Draft

备注

clientWidth 首次出现于微软 IE 早期的 DHTML 对象模型中。

浏览器兼容性

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
clientWidthChrome Full support 43Edge Full support 12Firefox Full support 1IE Full support 6Opera Full support 8Safari Full support 6WebView Android Full support 43Chrome Android Full support 43Firefox Android Full support 4Opera Android Full support 10.1Safari iOS Full support 6Samsung Internet Android Full support 4.0

Legend

Full support  
Full support

参见