СВОЙСТВО MAX-HEIGHT
Свойство max-height устанавливает максимальную высоту элемента. Данное свойство не работает для строчных элементов.
Поддержка браузеров
Синтаксис
max-height: единицы измерения|проценты|initial|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| единицы измерения | Определяет максимальную высоту в px, pt, em и др. Значение по умолчанию равно 0. Подробнее о единицах измерения в CSS. |
| проценты | Определяет максимальную высоту в процентах от ширины родительского элемента. |
| initial | Устанавливает значение по умолчанию. |
| inherit | Унаследует значение свойства от родительского элемента. |
Песочница
<p class="paragraph-1">
Абзац <br> без <br> максимальной <br> высоты.
</p>
<p class="paragraph-2">
Абзац <br> с <br> максимальной <br> высотой <br> 30px.
</p>
HTML
.paragraph-1,
.paragraph-2 {
background-color: beige;
}
.paragraph-2 {
max-height: 30px;
}
CSS