Свойство min-height

Последнее обновление: 09.01.2011

Свойство 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;
}
Твой код:
Результат:
большой полигон

Заметки

По теме

Показать комментарии