CSS-свойство max-height определяет максимальную высоту области содержимого элемента. Эта максимальная высота не включает отступы padding и границы border. Подробнее см. блочную модель CSS.

Значение по умолчанию: none
Применяется к: Все элементы, кроме незаменяемых инлайновых элементов, table rows, и row groups
Наследование: Нет
Анимирование: Да. Анимируемые свойства
Версия: CSS 2, 3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

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

Примеры написания кода свойства max-height:

p {
    max-height: 100px;
}
div {
    height: 200px;
    max-height: 100px;
}

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение Описание
length Указывает максимальную высоту в виде значения указанного в px, pt, cm, em и т. д. Отрицательные значения длины не допускается.
percentage Указывает максимальную высоту в процентах. Процент рассчитывается относительно высоты содержащего элемента блока. Отрицательные значения в процентах не допускаются.
none Высота не имеет максимального значения. Это значение установлено по умолчанию.
initial Устанавливает это свойство в значение по умолчанию.
inherit Если указан, связанный элемент принимает вычисленное значение своего родительского элемента max-height.

Поддержка браузеров

Свойство max-height поддерживается во всех основных браузерах.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.