overflow
Оновлено: 05.12.2022
overflow
Властивість overflow управляє відображенням вмісту блочного елемента, якщо він цілком не поміщається і виходить за область заданих розмірів.
Коротка інформація
| Значення за замовчуванням | visible |
| Успадковується | Ні |
| Застосовується | До блокових елементів |
| Анімується | Ні |
Синтаксис
overflow: auto | hidden | scroll | visibleЗначення
| visible | Відображається весь вміст елемента, навіть за межами встановленої висоти і ширини. |
| hidden | Відображається тільки область усередині елемента, решта буде прихована. |
| scroll | Завжди додаються смуги прокрутки. |
| auto | Смуги прокрутки додаються тільки за потреби. |
Приклад
Об'єктна модель
Об'єкт.style.overflow
Примітка
Internet Explorer до версії 7.0 включно:
- відносно позиціоновані дочірні елементи, значення overflow у яких задано як auto або scroll, поводяться так, немов у них задано position: fixed
Internet Explorer 8:
- Поєднання overflow зі значенням scroll з властивостями max-height і float може призвести до зникнення елементів веб-сторінки, у браузері виводиться порожній екран.
- Для блоку, у якого вказані властивості float і overflow зі значенням scroll, ігнорується ширина, задана через властивість max-width.
- Висота блоку з горизонтальною смугою прокрутки збільшується на висоту скролбара, хоча за специфікацією CSS задані розміри мають містити і смуги прокрутки.