overflow-x

Опис CSS властивості overflow-x:

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

Синтаксис CSS властивості overflow-x:

overflow-x: auto | hidden | scroll | visible

Аргументи CSS властивості overflow-x:

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

Значення по замовчуванні CSS властивості overflow-x:

visible

Наслідування CSS властивості overflow-x:

не наслідується

Приклад використання CSS властивості overflow-x:

<style type="text/css"> .layer { overflow-x: scroll; width: 300px; height: 150px; padding: 5px; border: solid 1px black; white-space: nowrap; } </style> <div class="layer"> <h2>Текст</h2> <p>Text_text_text_text_text.</p> </div>

Використання CSS властивості overflow-x:

До блокових елементів.

Об'єктна модель CSS властивості overflow-x:

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