Свойство min-width

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

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

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

Свойства min/max-width активно применяются при «резиновой» верстке.

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

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

Пример

p {
min-width: 200px;
}
Твой код:
Результат:
большой полигон

Заметки

Для и IE6 читаем статью «Min-width для IE6».

По теме

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