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