Свойство устанавливает, как будет отображаться содержимое блочного элемента по горизонтали, которое выходит за пределы левого и правого краев.
Примеры
overflow-x: visible;
overflow-x: hidden;
overflow-x: scroll;
overflow-x: auto; Значения
| Значение | Описание |
|---|---|
| visible | По умолчанию. Содержимое не обрезается. Если оно не влезает в блок, то будет отображено за его пределами. |
| hidden | Содержимое обрезается. Все, что не влазит в блок, будет невидимым. |
| scroll | Содержимое обрезается, но добавляется полоса прокрутки, чтобы увидеть остальное содержимое. |
| auto | Если содержимое обрезается, то должна быть добавлена полоса прокрутки. Зависит от браузера. Например, Firefox добавит прокрутку. |
| inherit | Наследует значение родительского блока. |
| initial | Устанавливает значение по умолчанию. |
Поддержка браузерами
НастольныеМобильные
overflow-x1
12
3.5
5
8 -ms-
9.5
3
18
4
14
1
1.0
1
clip value⚠️ эксперимент.
нет
нет
81
3.5-81-moz-hidden-unscrollable
нет
нет
нет
нет
81
4-81-moz-hidden-unscrollable
нет
нет
нет
нет
Поддерживается: Да Нет Нестандартное имя