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