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 поддерживается во всех основных браузерах.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.