Свойство overflow-x определяет, каким образом будет отображаться содержимое элемента, если оно не помещается слева/справа в область вывода данного элемента.
CSS синтаксис
overflow-x: visible | hidden | scroll | auto | initial | inherit;
Возможные значения
| Значение | Описание |
|---|---|
| visible | Отображается все содержание элемента, даже за пределами установленной ширины. |
| hidden | Отображается только область внутри элемента, остальное будет скрыто. |
| scroll | Всегда добавляется горизонтальная полоса прокрутки. |
| auto | Горизонтальная полоса прокрутки добавляется только при необходимости. |
| inherit | Значение наследуется от родительского элемента. |
| initial | Устанавливает значение по умолчанию. |
Пример использования
Обрезаем слева/справа контент элемента <div>, если он не поместится в размер контейнера
div {
overflow-x: hidden;
}
