Главная/ CSS справочник/ Properties/ CSS свойство min-height | назначение, допустимые значения, примеры

Свойство min-height

Свойство min-height задает минимально возможную высоту для элемента. Т.е. если в элементе содержимое имеет высоту меньше min-height, тогда у блока будет высота равна min-height. Если же высота содержимого будет больше, тогда высота блока будет равна высоте содержимого.

Примечание: тут под содержимым понимается контентная часть + внутренние отступы (padding-top, padding-bottom) + толщина границ (border-top, border-bottom).

Допустимые значения

  • — точное значение в единицах длины (px — пиксели, in — дюймы, cm — сантиметры, pt — пункты)
  • — процент от размера элемента-родителя
  • none — нет ограничений
  • inherit — наследует значение от родителя
Значение по умолчанию 0
Применимо ко всем блочным элементам, а так же img и элементам таблиц (кроме colgroup и col)
Наследование нет
Версия CSS CSS 2
Поддерживается браузерами
  • Internet Explorer 7 и выше
  • Firefox 1 и выше
  • Opera 7 и выше
  • Netscape 6 и выше
  • Safari 1 и выше
  • Chrome 1 и выше

Пример


p {
min-height: 20px;
}


Твой код:

Результат: