max-width
— это свойство CSS, которое устанавливает максимальную допустимую ширину содержимого элемента. Если ширина содержимого превышает установленное значение max-width
, то элемент будет автоматически разделен на несколько строк или уменьшен до указанного значения.
Синтаксис для установки свойства max-width
:
selector {
max-width: value;
}
Значение может быть задано в пикселях, процентах или любых других допустимых для ширины единицах измерения.
Например, следующий код задает max-width
для элемента с классом .container
:
.container {
max-width: 800px;
}
Этот код означает, что ширина элемента .container
не будет превышать 800 пикселей.
Свойство max-width
может быть удобно применять для создания адаптивного дизайна, когда на маленьких экранах элементы должны быть уменьшены до определенной ширины, чтобы страница оставалась читабельной.