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

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support Yes Yes Yes6 Yes Yes
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support Yes Yes Yes Yes Yes Yes Yes

See Also