CSS свойство max-width

Определение и использование

max-width определяет максимальную ширину элемента.

Описание

Значение этого атрибута устанавливает максимальное ограничение по ширине элемента. Таким образом, элемент может быть уже, но не шире указанного значения. Запрещены отрицательные значения.

См. также:

Уроки CSSCSS размеры

Руководство по CSSCSS свойство min-width

Руководство по HTML DOMАтрибут maxWidth

Пример

Установить максимальную ширину абзаца:

p
  {
  max-width:100px;
  }

Попробуйте сами

CSS синтаксис

max-width: none|length|initial|inherit;

Значение атрибута

Значение Описание
нет По умолчанию. Определяет, что максимальная ширина элемента не ограничена.
length Определяет максимальную ширину элемента.
% Определяет процентную максимальную ширину блочного объекта, содержащего его.
inherit Определяет, что значение атрибута max-width должно быть наследовано от родительского элемента.

Технические детали

Значение по умолчанию: нет
Инheritance: нет
Версия: CSS2
JavaScript синтаксис: object.style.maxWidth="50px"

Пример TIY

Использование пиксельных значений для установки максимальной ширины элемента
Этот пример демонстрирует, как использовать пиксельные значения для установки максимальной высоты элемента.
Использование процентов для установки максимальной ширины элемента
Этот пример демонстрирует, как использовать процентные значения для установки максимальной высоты элемента.

Поддержка браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 1.0 7.0