Указывает, что должно произойти, если содержимое выходит за пределы поля элемента. Это свойство указывает, следует ли обрезать содержимое или добавлять полосы прокрутки, если содержимое элемента слишком велико для размещения в указанной области. overflow работает только для блочных элементов с указанной высотой.
Примеры
overflow: hidden;
overflow: auto;
overflow: visible; Значения
| Значение | Описание |
|---|---|
| visible | По умолчанию. Содержимое не обрезается. Если оно не влезает в блок, то будет отображено за его пределами. |
| hidden | Содержимое обрезается. Все, что не влазит в блок, будет невидимым. |
| scroll | Содержимое обрезается, но добавляется полоса прокрутки, чтобы увидеть остальное содержимое. |
| auto | Если содержимое обрезается, то должна быть добавлена полоса прокрутки. Зависит от браузера. Например, Firefox добавит прокрутку. |
| inherit | Наследует значение родительского блока. |
| initial | Устанавливает значение по умолчанию. |
Поддержка браузерами
НастольныеМобильные
overflow1
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-y68
79
61
нет
55
нет
68
61
48
нет
10.0
68
Поддерживается: Да Нет Нестандартное имя