HTMLElement: offsetWidth property

The offsetWidth read-only property of the HTMLElement interface returns the layout width of an element as an integer.

Typically, offsetWidth is a measurement in pixels of the element's CSS width, including any borders, padding, and vertical scrollbars (if rendered). It does not include the width of pseudo-elements such as ::before or ::after.

If the element is hidden (for example, by setting style.display on the element or one of its ancestors to "none"), then 0 is returned.

Value

An integer.

Examples

[画像:An example element with large padding, border and margin. offsetWidth is the layout width of the element including its padding and border, and excluding its margin.]

Specifications

Browser compatibility

See also

• Determining the dimensions of elements
• Element.clientWidth
• Element.scrollWidth
• HTMLElement.offsetHeight
• HTMLElement.offsetLeft
• HTMLElement.offsetTop
• Element.getBoundingClientRect()