CSS приклад: overflow-x

Тег з прикладом

overflow-x: auto | hidden | scroll | visible

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

Значення за замовчуванням	visible
Наслідується	Ні
Застосовується до	Блочних елементів
Відсоткове відображення	Не застосовується
Посилання на специфікацію	http://www.w3.org/TR/css3-box/#overflow-x

Версії CSS

CSS 1	CSS 2	CSS 2.1	CSS 3

Опис

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

Синтаксис

overflow-x: auto | hidden | scroll | visible

Значення

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

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

[window.]document.getElementById("elementID").style.overflowX

Форматування

Часті запитання

Q: Як використовувати властивість overflow-x в CSS?

A: overflow-x в CSS використовується для контролю відображення горизонтального переповнення вмісту в блоковому елементі.
Q: Де можна використовувати overflow-x в CSS?

A: overflow-x можна використовувати в будь-якому блоковому елементі, де потрібно контролювати горизонтальне переповнення вмісту.
Q: Як вирішити проблему горизонтального переповнення вмісту за допомогою overflow-x?

A: Для вирішення проблеми горизонтального переповнення вмісту використовують властивість overflow-x зі значенням auto або scroll.
Q: Чи можна використовувати overflow-x разом з overflow-y в CSS?

A: Так, можна одночасно використовувати властивості overflow-x та overflow-y для контролю як горизонтального, так і вертикального переповнення вмісту.
Q: Як відобразити вертикальну та горизонтальну прокрутку одночасно за допомогою overflow-x та overflow-y?

A: Для відображення вертикальної та горизонтальної прокрутки одночасно використовують значення scroll для обох властивостей overflow-x та overflow-y.