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

Определение и использование

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

Совет:Использование overflow-y атрибуты для определения обрезки верхних/нижних краев.

CSS учебник:CSS переполнение

HTML DOM справочник:overflowX атрибут

Пример

Обрезать левые/правые края содержимого div элементов - если содержимое выходит за границу области элементов:

div
{
overflow-x:hidden;
}

Попробуйте сами

CSS синтаксис

overflow-x: visible|hidden|scroll|auto|no-display|no-content;

Значение атрибута

Значение Описание Тестирование
видимый Не обрезать содержимое, может отображаться за пределами контейнера. Тестирование
hidden Обрезка содержимого - не предоставлять механизм прокрутки. Тестирование
scroll Обрезка содержимого - предоставить механизм прокрутки. Тестирование
auto Если контейнер переполняется, следует предоставить механизм прокрутки. Тестирование
no-display Если содержимое не подходит для контейнера, целиком удалять контейнер. Тестирование
no-content Если содержимое не подходит для контейнера, целиком скрывать содержимое. Тестирование

Технические детали

Значение по умолчанию: видимый
Ингеритация: нет
Версия: CSS3
JavaScript синтаксис: object.style.overflowX="scroll"

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Числа с префиксом -ms- представляют собой первую версию, использующую префикс.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0
8.0 -ms-		 3.5 3.0 9.5