Свойство overflow в CSS

действие при выходе содержимого за пределы поля элемента

Указывает, что должно произойти, если содержимое выходит за пределы поля элемента. Это свойство указывает, следует ли обрезать содержимое или добавлять полосы прокрутки, если содержимое элемента слишком велико для размещения в указанной области. overflow работает только для блочных элементов с указанной высотой.

Примеры

overflow: hidden;
overflow: auto;
overflow: visible;

Значения

Значение Описание
visible По умолчанию.
Содержимое не обрезается. Если оно не влезает в блок, то будет отображено за его пределами.
hidden Содержимое обрезается. Все, что не влазит в блок, будет невидимым.
scroll Содержимое обрезается, но добавляется полоса прокрутки, чтобы увидеть остальное содержимое.
auto Если содержимое обрезается, то должна быть добавлена полоса прокрутки. Зависит от браузера. Например, Firefox добавит прокрутку.
inherit Наследует значение родительского блока.
initial Устанавливает значение по умолчанию.

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

НастольныеМобильные
Chrome
Edge
Firefox
IE
Opera
Safari
Chrome
Firefox
Opera
Safari
Samsung
Android
overflow
1
12
1
4
7
1
18
4
14
1
1.0
37
clip value
⚠️ эксперимент.
нет
нет
81
1.5-81-moz-hidden-unscrollable
нет
нет
нет
нет
81
4-81-moz-hidden-unscrollable
нет
нет
нет
нет
Multiple keyword syntax for overflow-x and overflow-y
68
79
61
нет
55
нет
68
61
48
нет
10.0
68
Поддерживается: Да Нет Нестандартное имя
Получай полезные материалы удобным способом!
Добавить комментарий