CSS-свойство max-width определяет максимальную ширину области содержимого элемента. Эта максимальная ширина не включает отступы padding и границы border. Подробнее см. блочную модель CSS.
| Значение по умолчанию: | none |
| Применяется к: | Все элементы, кроме незаменяемых инлайновых элементов, table rows, и row groups |
| Наследование: | Нет |
| Анимирование: | Да. Анимируемые свойства |
| Версия: | CSS 2, 3 |
Синтаксис
Синтаксически свойства задаются по следующему шаблону:
max-width: length | percentage | none | initial | inheritПримеры написания кода свойства max-width:
p {
max-width: 400px;
}
div {
width: 300px;
max-width: 200px;
}Значения свойств
В следующей таблице описаны значения этого свойства.
| Значение | Описание |
|---|---|
| length | Указывает максимальную ширину в виде значения указанного в px, pt, cm, em и т. д. Отрицательные значения длины не допускается. |
| percentage | Указывает максимальную ширину в процентах. Процент рассчитывается относительно ширины содержащего элемента блока. Отрицательные значения в процентах не допускаются. |
none |
Ширина не имеет максимального значения. Это значение установлено по умолчанию. |
initial |
Устанавливает это свойство в значение по умолчанию. |
inherit |
Если указан, связанный элемент принимает вычисленное значение своего родительского элемента max-width. |
Поддержка браузеров
Свойство max-width поддерживается во всех основных браузерах.
