overflow-y

Обновлено: 30.12.2022

overflow-y

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

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

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

Синтаксис 

overflow-y: auto | hidden | scroll | visible

Значения

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

Пример

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

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

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

Объект.style.overflowY

Браузеры

overflow-y

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

overflow-y