Свойство height устанавливает высоту элемента.

См. также атрибут height.

Синтаксис

селектор {
	height:  CSS единицы | проценты | auto | inherit;
}

Значения

Значение Описание
CSS единицы Устанавливает высоту в заданных единицах.
Проценты Высота элемента вычисляется в зависимости от ширины родительского элемента.
auto Браузер сам выбирает высоту элемента.
inherit Наследует значение родителя.

Значение по умолчанию: auto.

Примеры

Пример

#elem {
	border: 1px solid black;
	width: 300px;
	height: 100px;
}

Результат выполнения кода:

Пример

Установим блоку высоту в 300px:

#elem {
	border: 1px solid black;
	width: 300px;
	height: 200px;
}

Результат выполнения кода:

Пример

В данном примере высота составляет процент от высоты родителя - в нашем случае это body. Для того, чтобы увидеть, как это работает - уменьшите окно браузера по высоте, и контейнер тоже уменьшится, чтобы подстроиться под высоту окна браузера:

<body>
	<div id="elem"></div>
</body>
#elem {
	border: 1px solid black;
	width: 700px;
	height: 70%;
}

Посмотреть пример.