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

Опытные заметки

Онлайн инструменты

CSS справочник

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

Полный список свойств CSSCSS min-height свойство использование и примеры.

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

CSS box modelТаблица ниже предоставляет описание использования и историю версий этого свойства, а также его использование в скриптах JavaScript.
Значение по умолчанию:0
Используется для:
Все элементы за исключением таблиц и групп строкИнheritance:
НетАнимируемо:Да. Анимационные свойства.
Версия:CSS 2, 3
JavaScript синтаксис:объект.style.minHeight="100px"

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

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

min-height: length | percentage | initial | inherit

Ниже приведен пример использования свойства min-height.

  p {
   min-height: 100px;
  }
  div {
   height: 200px;
   min-height: 300px;
  }
Проверьте, пожалуйста, <</>>

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

Таблица ниже описывает значения этого свойства.

ЗначениеОписание
lengthУказать минимальную высоту в px, pt, cm, em и других единицах измерения. Негативные значения не допускаются.
percentageУказать минимальную высоту в процентах. Процент рассчитывается относительно высоты блока содержимого элемента. Негативные значения процентов не допускаются.
initialУстановить это свойство по умолчанию.
inheritЕсли указано, то связанный элемент использует значение min-height родительского элемента.

Совместимость браузеров

Совместимость браузеров min-height свойства, числа в таблице указывают на минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 7+

  • Apple Safari 1+

  • Opera 7+

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

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

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