Вы здесь

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

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

CSS синтаксис

overflow-x: visible | hidden | scroll | auto | initial | inherit;

Возможные значения

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

Пример

Обрезаем слева/справа контент элемента <div>, если он не поместится в размер контейнера


div {
     overflow-x: hidden;
}