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