The Element.clientWidth
property is zero for elements with no CSS or inline layout boxes, otherwise it's the inner width of an element in pixels. It includes padding but not the vertical scrollbar (if present, if rendered), border or margin.
var intElemClientWidth = element.clientWidth;
intElemClientWidth is an integer corresponding to the clientWidth of element in pixels. clientWidth is read–only.
Specification | Status | Comment |
---|---|---|
CSS Object Model (CSSOM) View Module The definition of 'clientWidth' in that specification. | Working Draft |
clientWidth
was first introduced in the MS IE DHTML object model.
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|---|
Basic support | (Yes) | (Yes) | (Yes) | 6 | (Yes) | (Yes) |
Feature | Android | Android Webview | Edge | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
---|---|---|---|---|---|---|---|---|---|
Basic support | ? | ? | (Yes) | (Yes) | (Yes) | ? | ? | ? | (Yes) |
HTMLElement.offsetWidth
Element.scrollWidth
© 2005–2017 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/element/clientWidth