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

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

Документация → Справочник CSS

701

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

У свойства 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

Поддерживается: Да Нет Частично Нестандартное имя

Добавить комментарий