overflow-x

Обновлено: 30.05.2022

overflow-x

  • Содержание

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

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

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

Синтаксис

overflow-x: auto | hidden | scroll | visible

Значения

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

Пример

Результат данного примера показан на рис. 1.

Рис. 1. Применение свойства overflow-x

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

Объект.style.overflowX

Браузеры

overflow-x

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

overflow-x