CSS свойство max-height

Определение и использование

Атрибут max-height устанавливает максимальную высоту элемента.

Описание

Значение этого атрибута устанавливает максимальное ограничение на высоту элемента. Таким образом, элемент может быть короче указанного значения, но не выше. Запрещены отрицательные значения.

Комментарий:Атрибут max-height не включает внешние отступы, рамки и внутренние отступы.

См. также:

Уроки CSSРазмеры CSS

Уроки CSSАтрибут min-height

Руководство по HTML DOMАтрибут maxHeight

Пример

Установите максимальную высоту абзаца:

p
  {
  max-height:100px;
  }

Попробуйте сами

CSS синтаксис

max-height: none;length|initial|inherit;

Значение атрибута

Значение Описание
none По умолчанию. Определяет, что максимальная высота элемента не ограничена.
length Определяет максимальную высоту элемента.
% Определяет максимальную высоту в процентах от блочного объекта, содержащего его.
inherit Определяет, что значение max-height атрибута должно быть получено от родительского элемента.

Технические детали

Значение по умолчанию: none
Инheritability: no
Версия: CSS2
JavaScript синтаксис: object.style.maxHeight="50px"

Пример TIY

Установка максимальной высоты элемента
Этот пример демонстрирует, как установить максимальную высоту элемента.

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

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 2.0.2 7.0