Свойство min-width
Свойство 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 |
| Поддерживается браузерами |
|
Пример
p {
min-width: 200px;
}
Твой код:
Результат:
большой полигон
Заметки
Для и IE6 читаем статью «Min-width для IE6».