W3cubDocs

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. It includes padding but excludes borders, margins, and horizontal scrollbars (if present).

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 intElemClientHeight = element.clientHeight;

intElemClientHeight is an integer corresponding to the clientHeight of element in pixels. The clientHeight property is read–only.

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 compatibilityUpdate compatibility data on GitHub

	Desktop
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
Basic support	Yes	Yes	Yes	6	Yes	Yes