W3cubDocs

/DOM

element.clientHeight

The Element.clientHeight read-only property is zero for elements with no CSS or inline layout boxes, otherwise it's the inner height of an element in pixels, including padding but not the horizontal scrollbar height, border, or margin.

clientHeight can be calculated as CSS height + CSS padding - height of horizontal scrollbar (if present).

Note: This property will round the value to an integer. If you need a fractional value, use element.getBoundingClientRect().

Syntax

var h = element.clientHeight;

h is an integer representing height of the element in pixels.

Example

Image:Dimensions-client.png

Specification

Specification Status Comment
CSS Object Model (CSSOM) View Module
The definition of 'clientHeight' in that specification.
Working Draft

Notes

clientHeight is a property introduced in the Internet Explorer object model.

Browser compatibility

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)

See Also

© 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/clientHeight