Вы здесь

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

Устанавливает максимальную ширину элемента.

Благодаря этому свойству, ширина элемента, устанавливаемая свойством width, не сможет быть больше значения, заданного в свойстве max-width. Если значение свойства width больше значения max-width, то max-width переопределяет width.

CSS синтаксис

max-width: значение | % | none | initial | inherit;

Возможные значения

Значение Описание
значение Устанавливает максимальную ширину в единицах длины CSS - пикселях (px), сантиметрах (cm) и т.д.
% Максимальная ширина устанавливается в процентах от родительского элемента.
none Значение по умолчанию. Максимальная ширина не определена.
inherit Значение наследуется от родительского элемента.
initial Устанавливает значение по умолчанию.

Пример

Устанавливаем максимальную ширину элемента <p>


p {
     max-width: 50px;
}