Устанавливает максимальную ширину элемента.
Благодаря этому свойству, ширина элемента, устанавливаемая свойством 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;
}
