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