max-height
Оновлено: 26.12.2022
max-height
Встановлює максимальну висоту елемента. Значення висоти елемента обчислюватиметься залежно від значень встановлених властивостей height, max-height і min-height. У табл. 1 показано, чим керується браузер під час спільного використання зазначених стильових властивостей.
Табл. 1. Висота елементу
Значення властивостей | Висота | ||||
|---|---|---|---|---|---|
| min-height | < | height | < | max-height | height |
| height | < | max-height | height | ||
| height | > | max-height | max-height | ||
| min-height | > | height | > | max-height | min-height |
| min-height | > | height | < | max-height | min-height |
Дані з таблиці слід розуміти таким чином. Якщо значення висоти (height) більше значення max-height, то висота елемента приймається рівною значенню max-height.
Коротка інформація
| Значення за замовчуванням | none |
| Успадковується | Ні |
| Застосовується | До всіх елементів, крім рядкових і таблиць |
| Анімується | Так |
Синтаксис
max-height: <розмір> | <відсотки> | none
Значення
Як значення приймаються пікселі (px), відсотки (%) та інші одиниці виміру, прийняті в CSS. Негативні значення не допускаються.
| none | Скасовує дію цієї властивості. |
Приклад
Об'єктна модель
Об'єкт.style.maxHeight