English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство CSS

CSS @ правила (RULES)

Полный список свойств CSS

Метод использования и примеры свойства max-height CSS

Свойство max-height CSS определяет максимальную высоту области содержимого элемента. Этот максимальный размер не включает заполнение, рамки или отступы - для получения дополнительной информации см.Модель блока CSS.

Таблица ниже предоставляет описание использования и историю версий этого свойства, а также синтаксис использования в скриптах JavaScript.

Значение по умолчанию:none
Применяется к:Все элементы, кроме замененных嵌入式 элементов, строк и групп строк
Инheritance:Нет
Анимировано:Да.Пожалуйста, обратитесь к Анимационные свойства.
Версия:CSS 2, 3
JavaScript синтаксис:object.style.maxHeight="200px"

Синтаксис использования max-height

Синтаксис этого свойства следующий:

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属性; числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 7+

  • Apple Safari 1+

  • Opera 7+

Дополнительное чтение

Пожалуйста, обратитесь к руководствам по следующим темам:Модель блока CSS,Размеры CSS.

Связанные свойства:height,min-height.