Свойство max-width задаёт верхнюю границу ширины области, в которой размещается содержимое элемента. Обратите внимание: полная ширина блока рассчитывается по формуле:
max-width + padding (левый и правый) + border (толщина рамки)
Поэтому, если вы установите max-width: 500px, padding: 5px и border: 1px, итоговая ширина составит удивительные 512 px. Примечание: Свойство max-width действует только на блочные элементы, но это не мешает ему делать ваш макет невероятно гибким! | Значение по умолчанию: | none | | Наследуется: | нет | | Версия: | CSS2 | | Синтаксис JavaScript: | object.style.maxWidth="100px" | | Значение | Описание | | none | Максимальная ширина не ограничена. | | размер | Устанавливает предел в единицах измерения CSS. | | % | Предел задаётся в процентах от ширины родителя. | | inherit | Значение наследуется от родительского элемента. | Пример htmlМаксимальная ширина данного абзаца - 100 px. |