Element: clientWidth property
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The Element.clientWidth
property is zero for inline
elements and elements with no CSS; otherwise, it's the inner width of an element in
pixels. It includes padding but excludes borders, margins, and vertical scrollbars (if
present).
When clientWidth
is used on the root element (the
<html>
element), (or on <body>
if the document is
in quirks mode), the viewport's width (excluding any scrollbar) is returned.
Note:
This property will round the value to an integer. If you need
a fractional value, use element.getBoundingClientRect()
.
Value
A number.
Examples
Specifications
Specification |
---|
CSSOM View Module # dom-element-clientwidth |
Browser compatibility
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
clientWidth |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support