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