Определяет максимальную ширину элемента. Ширина элемента не может стать больше, чем заданное значение.
У свойства max-width
больший приоритет, чем у width
.
Примеры
max-width: 100px;
max-width: 5em;
max-width: 50%;
Значения
Значение | Описание |
---|---|
ширина | По умолчанию 0. Максимальная ширина в единицах измерения (px, em и других) |
проценты | Максимальная ширина в процентах от родительского блока |
inherit | Наследует значение родительского блока. |
initial | Устанавливает значение по умолчанию. |
Поддержка браузерами
НастольныеМобильные
Chrome
Edge
Firefox
IE
Opera
Safari
Chrome
Firefox
Opera
Safari
Samsung
Android
max-width
1
12
1
7
4
1
18
4
14
1
1.0
4.4
fit-content
⚠️ эксперимент.
46
25 -webkit-
79
79 -webkit-
3 -moz-
нет
44
11
6.1 -webkit-
2intrinsic
46
4 -moz-
43
11
7 -webkit-
1intrinsic
5.0
46
≤37 -webkit-
max-content
⚠️ эксперимент.
46
22 -webkit-
79
79 -webkit-
66
3 -moz-
нет
44
11
6.1 -webkit-
2intrinsic
46
66
4 -moz-
43
11
7 -webkit-
1intrinsic
5.0
46
≤37 -webkit-
min-content
⚠️ эксперимент.
46
25 -webkit-
79
79 -webkit-
66
3 -moz-
нет
44
11
6.1 -webkit-
2intrinsic
46
66
4 -moz-
43
11
7 -webkit-
1intrinsic
5.0
46
stretch
⚠️ эксперимент.
22-webkit-fill-available
79-webkit-fill-available
нет
нет
15-webkit-fill-available
нет
25-webkit-fill-available
нет
14-webkit-fill-available
нет
1.5-webkit-fill-available
4.4-webkit-fill-available
Поддерживается: Да Нет Частично Нестандартное имя