max-height

Оновлено: 26.12.2022

max-height

Встановлює максимальну висоту елемента. Значення висоти елемента обчислюватиметься залежно від значень встановлених властивостей height, max-height і min-height. У табл. 1 показано, чим керується браузер під час спільного використання зазначених стильових властивостей.

Табл. 1. Висота елементу

Значення властивостей

Висота
min-height<height<max-heightheight
height<max-heightheight
height>max-heightmax-height
min-height>height>max-heightmin-height
min-height>height<max-heightmin-height

Дані з таблиці слід розуміти таким чином. Якщо значення висоти (height) більше значення max-height, то висота елемента приймається рівною значенню max-height.

Коротка інформація

Значення за замовчуванням none
Успадковується Ні
Застосовується До всіх елементів, крім рядкових і таблиць
Анімується Так

Синтаксис

max-height: <розмір> | <відсотки> | none

Значення

Як значення приймаються пікселі (px), відсотки (%) та інші одиниці виміру, прийняті в CSS. Негативні значення не допускаються.

none Скасовує дію цієї властивості.

Приклад

Об'єктна модель

Об'єкт.style.maxHeight

Браузери

max-height

Переглянути сумісність з Can I use?

max-height