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()
.
var h = element.clientHeight;
h
is an integer representing height of the element
in pixels.
Specification | Status | Comment |
---|---|---|
CSS Object Model (CSSOM) View Module The definition of 'clientHeight' in that specification. | Working Draft |
clientHeight
is a property introduced in the Internet Explorer object model.
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) |
HTMLElement.offsetHeight
Element.scrollHeight
© 2005–2017 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/element/clientHeight