overflow-x

Оновлено: 11.01.2023

overflow-x

Властивість overflow-x керує відображенням вмісту блочного елемента по горизонталі, якщо контент цілком не поміщається і виходить за область праворуч або ліворуч від блоку.

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

Значення за замовчуванням visible
Успадковується Ні
Застосовується До блокових елементів
Анімується Ні

Синтаксис 

overflow-x: auto | hidden | scroll | visible

Значення

visible Відображається весь вміст елемента, навіть за межами встановленої ширини.
hidden Відображається тільки область усередині елемента, решта буде прихована.
scroll Завжди додається горизонтальна смуга прокрутки.
auto Горизонтальна смуга прокрутки додається тільки за потреби.

Приклад

Об'єктна модель

Об'єкт.style.overflowX

Браузери

overflow-x

Переглянути сумісність з Can I use?

overflow-x