Свойство min-width
Свойство min-width позволяет указать минимальную ширину для элемента. Если ширина элемента, рассчитанная на основе его содержимого или значения свойства width, окажется меньше ширины, указанной в свойстве min-width, то ширина элемента будет установлена на основании значения свойства min-width.
Браузер может определить минимально-допустимое положительное значение для свойства min-width, которое может отличаться от элемента к элементу или зависеть от каких либо условий. Если вычисленное значение свойства min-width окажется меньше допустимого значения, браузер может использовать минимально-допустимое значение.
| Синтаксис | |
|---|---|
| min-width: inherit | «размер» | «процентное значение» | |
| Возможные значения и ключевые слова | |
| inherit | значение родительского элемента |
| «размер» | линейный размер, заданный дизайнером |
| «процентное значение» | по отношению к ширине родительского элемента |
| Разное | |
| Значение по умолчанию | зависит от браузера |
| Применимо | ко всем элементам, исключая незаменяемые строковые элементы и табличные элементы |
| Наследование | нет |
| Процентная запись | по отношению к ширине родительского элемента |
| Media | visual |
В следующем при помощи свойств min-width и max-width определяется минимальная и максимальна ширина для заголовков первого уровня (тег h1). Если ширина заголовка (рассчитанная, например, на основе его содержимого) окажется меньше 100px, указанный свойством min-width, то браузер будет оперировать шириной, равной 100px. Если ширина заголовка окажется больше указанных свойством max-width 400px, ширина заголовка будет установлена в 400px.
h1 {min-width:100px; max-width:400px}
Примечание: Internet Explorer не поддерживает свойство min-width по версию 6.0 включительно.
Примечание: Netscape Navigator поддерживает свойство min-width начиная с версии 6.0
Примечание: Opera поддерживает свойство min-width начиная с версии 4.0
