Свойство CSS height

Поддержка браузерами

Браузеры для ПК
Internet Explorer Chrome Opera Safari Firefox Edge
4+ Да 3.5+ 1.0+ 1.0+ 12+
Браузеры для планшетов и мобильных устройств
Android webview Chrome для Android Edge Mobile Firefox для Android Opera для Android iOS Safari Samsung Internet
Да Да Да 4+ Да Да Да

Краткая информация

Значение по умолчанию auto
Наследуется Нет
Применяется К блочным элементам
Аналог HTML

Допустимо применение атрибута height к тегам img, th и td

<th height="10">...</th> или <th height="50%">...</th>

Реализация в javascript
document.getElementById('idElement').style.height = '10px';
в данном случае элементу с id='idElement' будет добавлен стиль
height:10px;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="height:10px;">...</div>
Реализация в jQuery
$('#idElement').css('height','10px');
в данном случае элементу с id='idElement' будет добавлен стиль
height:10px;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="height:10px;">...</div>

Поддерживающие версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Устанавливает высоту содержимого элемента.

Свойство задает высоту содержимого элемента, не включая в себя отступы (margin), границы (border) и поля (padding).

Недопустимо указание отрицательных значений для свойства height.

Если содержимое элемента будет превышать размеры самого элемента, то такое содержимое будет выходить за пределы. Так же если размеры элемента которому задано свойство height будет больше своего родителя или окна браузера, то такой элемент будет выходить за пределы своего родителя или окна браузера.

Синтаксис

height: значение | auto | inherit;

Например:

... height: 20px; ...

Значения

значение

Положительное значение в пикселях или других единицах измерения CSS.

При использовании процентов в качестве высоты элемента, размер вычисляется исходя из высоты родительского элемента, в случае отсутствия родителя высота вычисляется исходя из высоты окна браузера.

inherit Наследует значение родителя.
auto

Браузер самостоятельно рассчитывает высоту элемента исходя из его содержимого.

Пример

height:100px;
height:auto;
height:70%;
height:20em;

Результат

В этом блоке показан пример использования свойства height:100px;.