Свойство max-height задаёт верхнюю границу высоты контента внутри блока, ограничивая тем самым его максимальный размер.
Обратите внимание – полная высота элемента считается по формуле:
max-height + padding (верхний и нижний) + border (ширина рамки)
То есть, если вы установите max-height: 500px, а также padding: 5px и border: 1px, итоговая высота составит ровно 512 px.
Примечание: Свойство max-height работает исключительно с блочными элементами.
| Значение по умолчанию: | none |
| Наследуется: | нет |
| Версия: | CSS2 |
| Синтаксис JavaScript: | object.style.maxHeight="10px" |
| Значение | Описание |
| none | Максимальная высота не ограничена. |
| размер | Устанавливает максимально допустимую высоту в заданных CSS-единицах. |
| % | Высота задаётся в процентах от высоты родительского элемента. |
| inherit | Значение берётся из родителя. |
Пример htmlВ этот раз в лесу ему было как-то не по себе; мерещились странные звуки, и казалось, что миллионы маленьких блестящих глаз наблюдают за ним из темноты. Такой знакомый с детства лес вдруг превратился в огромный живой организм, где человек оказался не желанным гостем, а врагом, которого явно не ожидали. Очнувшись от этих мыслей, он понял, что напротив него в тени кто-то есть; и едва успев это осознать, как будто бы быстрым стремительным движением, противник накинулся на него.