CSS max-height Свойство
Пример
Задайте максимальную высоту элемента <p> до 50 пикселей:
p.ex1
{
max-height: 50px;
}
Определение и использование
Свойство max-height определяет максимальную высоту элемента.
Если содержимое больше максимальной высоты, оно будет переполнено. То, как контейнер будет обрабатывать переполненное содержимое, определяется свойством overflow.
Если содержимое меньше максимальной высоты, свойство
max-height не имеет эффекта.
Примечание: Это предотвращает значение свойства Height, превышающее max-height. Значение свойства
max-height переопределяет свойство Height.
| Значение по умолчанию: | none |
|---|---|
| Inherited: | no |
| Animatable: | yes, see individual properties. Читайте о animatable |
| Version: | 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 | Определяет максимальную высоту в пикселах, см и т. д. читать о единицах длины | |
| % | Определяет максимальную высоту в процентах от содержащего блока | |
| initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
| inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Похожие страницы
CSS Справочник: CSS Height and Width
CSS Справка: min-height Свойство
HTML DOM Справочник: maxHeight Свойство