Element.clientHeight

Element.clientHeight - свойство, доступное только для чтения. Для элементов без CSS-стилей, или элементов каркаса строчной разметки - значение равно нулю. Для остальных элементов - значение равно внутренней высоте элемента в пикселах, включая пространство между содержимым элемента и его границей (padding), но исключая высоту полосы горизонтальной прокрутки, и ширину отступа от границы элемента до родительского элемента (margin).

Значение clientHeight может быть вычислено по формуле CSS height + CSS padding - высота горизонтального скролла (если присутствует).

Внимание: При вычислении значения свойства, результат округляется до ближайшего целого. Если требуется дробное значение, используйте element.getBoundingClientRect().

Синтаксис

var h = element.clientHeight;

h - целочисленное значение высоты элемента в пикселях.

Пример

 

             Image:Dimensions-client.png

Спецификация

Спецификация Статус Примечание
CSS Object Model (CSSOM) View Module
Определение 'clientHeight' в этой спецификации.
Рабочий черновик  

К сведению

Свойство clientHeight впервые было представлено в объектной модели Internet Explorer.

Совместимость с браузерами

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help! (en-US)

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (Да) (Да) 6 (Да) (Да)
Feature Android Android Webview Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile Safari Mobile Chrome for Android
Basic support ? ? (Да) (Да) ? ? ? (Да)

Смотрите также