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

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

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

CSS синтаксис

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

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

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

Пример использования

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


p {
     min-width: 50px;
}