overflow-x

Обновлено: 11.01.2023

overflow-x

  • Содержание

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

Краткая информация

Значение по умолчанию visible
Наследуется Нет
Применяется К блочным элементам
Анимируется Нет

Синтаксис 

overflow-x: auto | hidden | scroll | visible

Значения

visible Отображается всё содержимое элемента, даже за пределами установленной ширины.
hidden Отображается только область внутри элемента, остальное будет скрыто.
scroll Всегда добавляется горизонтальная полоса прокрутки.
auto Горизонтальная полоса прокрутки добавляется только при необходимости.

Пример

Объектная модель

Объект.style.overflowX

Браузеры

overflow-x

Посмотреть совместимость на Can I use?

overflow-x