CSS свойство height

Устанавливает высоту блочных или заменяемых элементов (к ним относится тег <img>). Высота не включает толщину границ вокруг элемента, значение отступов и полей.

Если содержимое блока превышает указанную высоту, то высота элемента останется неизменной, а содержимое будет отображаться поверх него. Из-за этой особенности может получиться наложение содержимого элементов друг на друга, когда элементы в коде HTML идут последовательно. Чтобы этого не произошло, следует добавить overflow: auto к стилю элемента.

IE интерпретирует высоту элемента также, как параметр min-height – если высоты элемента не достаточно для заданного контента, то контент раздвинет высоту элемента. IE 5.xx в высоту включает и значение отступов.

CSS синтаксис

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

Возможные значения

ЗначениеОписание
autoЗначение по умолчанию. Браузер сам расчитывает высоту элемента.
значениеУстанавливает высоту в единицах CSS - px, cm, em и т.д.
%Устанавливает высоту в процентах от высоты содержащего элемент блока.
inheritЗначение наследуется от родительского элемента.
initialУстанавливает значение по умолчанию.

Пример использования

Устанавливаем высоту и ширину параграфа


p.ex {
     height: 100px;
     width: 100px;
}