Характеристики свойства
В каких браузерах работает?
8.0+ | 1.0+ | 4.0+ | 2.0+ | 1.0+ | 2.1+ | 2.0+ |
В каких версиях CSS используется?
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
- | + | + | + |
Для чего используется?
Оператор устанавливает предел ширины блока. Основная цель свойства заключается в определении максимальной ширины контейнера. Принято использовать указанное свойство в комплексе с width и min-width. Указанный комплекс работает следующим образом:
- в том случае, если ширина контейнера установилась в пределах значений от min-width до max-width
- в случае, если настоящая ширина превышает верхний предел, то устанавливается значение свойства max-width
- в случае, если настоящая ширина меньше нижнего предела, то устанавливается значение свойства min-width.
Как правильно задавать?
max-width:максимальная высота;
Какие могут быть значения?
Значения прописываются чаще всего в пикселях или процентах.
- none - отключает действие свойства.
- inherit - повторяет параметры родителя.
Пример использования
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Свойство max-width</title> <style> div { overflow: auto; padding: 5px; max-height: 50px; max-width:500px; background: #ffe; border: 1px dashed #7cdfd0; } </style> </head> <body> <div> Свойство фиксирует предельно возможную высоту для объекта. При чем это пограничное значение, которое браузер не позволяет превышать. Обычно, помимо указанного свойства, используются height и min-height. </div> </body> </html>
Тип CSS свойства:
Размеры