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