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