Свойство 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
|