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

Задайте максимальную ширину элемента <p> до 150 пикселей:

p.ex1 {
max-width: 150px;
}

Подробнее примеры ниже.

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

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

Если размер содержимого превышает максимальную ширину, он автоматически изменит высоту элемента.

Если содержимое меньше максимальной ширины, свойство max-width не имеет эффекта.

Примечание: Это предотвращает значение свойства Width, превышающее max-width. Значение свойства max-width переопределяет свойство Width.

Значение по умолчанию:	none
Inherited:	no
Animatable:	yes, see individual properties. Читайте о animatable
Version:	CSS2
Синтаксис JavaScript:	object.style.maxWidth="600px"

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

Свойство
max-width	1.0	7.0	1.0	2.0.2	7.0

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

Значение	Описание
none	Нет максимальной ширины. Это значение по умолчанию
length	Определяет максимальную ширину в пикселах, см и т. д. читать о единицах длины
%	Определяет максимальную ширину в процентах от содержащего блока
initial	Присваивает этому свойству значение по умолчанию. (Читайте о initial)
inherit	Наследует это свойство из родительского элемента. (Читайте о inherit)

Установите максимальную ширину элемента <p> до 50% контейнера:

p.ex1 {
max-width: 50%;
}