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)