СSS Свойство max-height
Пример
Установить максимальную высоту элемента <p> в 50 пикселей:
p.ex1
{
max-height: 50px;
}
Попробуйте сами »
Определение и использование
Свойство max-height определяет максимальную высоту элемента.
Если содержимое превышает максимальную высоту, оно будет переполнено. Как контейнер будет обрабатывать переполненное содержимое определяется overflow.
Если содержание меньше максимальной высоты, то свойство max-height не действует.
Примечание: Это предотвращает значение height от того, чтобы стать больше, чем max-height. Значение свойства max-height переопределяет свойство высоты.
| Значение по умолчанию: | none |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | да, см. раздел отдельные свойства. Прочитать о animatable Попробовать |
| Версия: | CSS2 |
| JavaScript синтаксис: | object.style.maxHeight="100px" Попробовать |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| max-height | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
CSS Синтаксис
max-height: none|length|initial|inherit;
Значения свойств
| Значение | Описание | Воспроизвести |
|---|---|---|
| none | Нет максимальной высоты. Это значение по умолчанию | Воспроизвести » |
| length | Определяет максимальную высоту в px, cm, т. д. Прочитать о Единицы длины | Воспроизвести » |
| % | Определяет максимальную высоту в процентах от содержащего блока | |
| initial | Устанавливает для этого свойства значение по умолчанию. Прочитать о initial | Воспроизвести » |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Связанные страницы
CSS Учебник: CSS Высота и ширина
CSS Справочник: Свойство min-height
HTML DOM Справочник: Свойство maxHeight
