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).

Syntax

var h = element.clientHeight;

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

Example

Specification

Notes

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

Browser compatibility

See Also

• HTMLElement.offsetHeight
• Element.scrollHeight
• Determining the dimensions of elements
• MSDN: clientHeight Property
• MSDN: Measuring Element Dimension and Location