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

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

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

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

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

HTML DOM справочник:overflowY свойство

Пример

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

div
{
overflow-y:hidden;
}

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

CSS синтаксис

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

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

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

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

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

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

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

Числа с -ms- означают использование первой версии с префиксом.

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