Свойство overflow-x в CSS

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

Свойство устанавливает, как будет отображаться содержимое блочного элемента по горизонтали, которое выходит за пределы левого и правого краев.

Примеры

overflow-x: visible;
overflow-x: hidden;
overflow-x: scroll;
overflow-x: auto;

Значения

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

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

НастольныеМобильные
Chrome
Edge
Firefox
IE
Opera
Safari
Chrome
Firefox
Opera
Safari
Samsung
Android
overflow-x
1
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
нет
нет
нет
нет
Поддерживается: Да Нет Нестандартное имя
Получай полезные материалы удобным способом!
Добавить комментарий