Устанавливает максимальную высоту элемента.
Благодаря этому свойству, высота элемента, устанавливаемая свойством height, не сможет быть больше значения, заданного в свойстве max-height. Если значение свойства height больше значения max-height, то max-height переопределяет height.
CSS синтаксис
max-height: значение | % | none | initial | inherit;
Возможные значения
| Значение | Описание |
|---|---|
| значение | Устанавливает максимальную высоту в единицах длины CSS - пикселях (px), сантиметрах (cm) и т.д. |
| % | Максимальная высота устанавливается в процентах от родительского элемента. |
| none | Значение по умолчанию. Максимальная высота не определена. |
| inherit | Значение наследуется от родительского элемента. |
| initial | Устанавливает значение по умолчанию. |
Пример использования
Устанавливаем максимальную высоту элемента <p>
p {
max-height: 50px;
}
