English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство max-height CSS определяет максимальную высоту области содержимого элемента. Этот максимальный размер не включает заполнение, рамки или отступы - для получения дополнительной информации см.Модель блока CSS.
Таблица ниже предоставляет описание использования и историю версий этого свойства, а также синтаксис использования в скриптах JavaScript.
Значение по умолчанию: | none |
---|---|
Применяется к: | Все элементы, кроме замененных嵌入式 элементов, строк и групп строк |
Инheritance: | Нет |
Анимировано: | Да.Пожалуйста, обратитесь к Анимационные свойства. |
Версия: | CSS 2, 3 |
JavaScript синтаксис: | object.style.maxHeight="200px" |
Синтаксис этого свойства следующий:
max-height: length | percentage | none | initial | inherit
Ниже приведен пример использования свойства max-height.
p { max-height: 100px; } div { height: 200px; max-height: 100px; }Проверьте,›/›
Таблица ниже описывает значения этого свойства.
Значение | Описание |
---|---|
length | Указать максимальную высоту в px, pt, cm, em и других единицах измерения. Запрещены отрицательные значения. |
percentage | Указать максимальную высоту в процентах. Процент относительно высоты блока, содержащего элемент. Запрещены отрицательные значения percentages. |
none | Высота не имеет максимального значения. Это значение по умолчанию. |
initial | Установить этот параметр в его значение по умолчанию. |
inherit | Если указано, то связанный элемент принимает значение свойства max-height родительского элемента. |
Совместимость браузеров с свойством max-height属性; числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Пожалуйста, обратитесь к руководствам по следующим темам:Модель блока CSS,Размеры CSS.
Связанные свойства:height,min-height.