СSS Свойство max-width
Пример
Установить максимальную ширину элемента <p> в 150 пикселей:
p.ex1 {
max-width: 150px;
}
Попробуйте сами »
Определение и использование
Свойство max-width определяет максимальную ширину элемента.
Если содержимое больше максимальной ширины, оно автоматически изменит высоту элемента.
Если содержимое меньше максимальной ширины, свойство max-width не действует.
Примечание: Это предотвращает значение width от того, чтобы стать больше, чем max-width. Значение свойства max-width переопределяет свойство ширины.
| Значение по умолчанию: | none |
|---|---|
| Унаследованный: | нет | см. раздел отдельные свойства
| Анимируемый: | да, см. раздел отдельные свойства. Прочитать о animatable Попробовать |
| Версия: | CSS2 |
| JavaScript синтаксис: | object.style.maxWidth="600px" Попробовать |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| max-width | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
CSS Синтаксис
max-width: none|length|initial|inherit;
Значения свойств
| Значение | Описание | Воспроизвести |
|---|---|---|
| none | Нет максимальной ширины. Это значение по умолчанию | Воспроизвести » |
| length | Определяет максимальную ширину в px, cm, т. д. Прочитать о Единицы длины | Воспроизвести » |
| % | Определяет максимальную ширину в процентах от содержащего блока | Воспроизвести » |
| initial | Устанавливает для этого свойства значение по умолчанию. Прочитать о initial | Воспроизвести » |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Примеры
Пример
Установить максимальную ширину элемента <p> на 50% от контейнера:
p.ex1 {
max-width: 50%;
}
Попробуйте сами »
Связанные страницы
CSS Учебник: CSS Высота и ширина
CSS Справочник: Свойство min-width
HTML DOM Справочник: Свойство maxWidth
