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