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

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

Определяет минимальную ширину элемента. Ширина элемента не может стать меньше, чем заданное значение.

У свойства min-width больший приоритет, чем у width.

Примеры

min-width: 100px;
min-width: 5em;
min-width: 50%;

Значения

Значение Описание
ширина По умолчанию 0. Минимальная ширина в единицах измерения (px, em и других).
проценты Минимальная ширина в процентах от родительского блока.
inherit Наследует значение родительского блока.
initial Устанавливает значение по умолчанию.

Поддержка браузерами

НастольныеМобильные
Chrome
Edge
Firefox
IE
Opera
Safari
Chrome
Firefox
Opera
Safari
Samsung
Android
min-width
1
12
1
7
4
1
18
4
14
1
1.0
4.4
auto
21
12
34
16-22
нет
12.1
нет
25
34
16-22
14
нет
1.5
37
fit-content
46
25 -webkit-
79
79 -webkit-
3 -moz-
нет
33
15 -webkit-
11
6.1 -webkit-
46
4 -moz-
33
11
7 -webkit-
5.0-webkit-fill-available
46
≤37 -webkit-
max-content
46
25 -webkit-
79
79 -webkit-
66
3 -moz-
нет
33
15 -webkit-
11
2intrinsic
46
66
4 -moz-
33
11
1intrinsic
5.0
46
≤37 -webkit-
min-content
46
25 -webkit-
25-48min-intrinsic
79
79 -webkit-
66
3 -moz-
нет
33
≤15 -webkit-
≤15-35min-intrinsic
11
2min-intrinsic
46
25 -webkit-
25-48min-intrinsic
66
4 -moz-
33
≤14 -webkit-
≤14-35min-intrinsic
11
1min-intrinsic
5.0
1.5 -webkit-
1.5-5.0min-intrinsic
46
≤37 -webkit-
≤37-48min-intrinsic
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
Поддерживается: Да Нет Нестандартное имя
Получай полезные материалы удобным способом!
Добавить комментарий