CSS overflow-x Свойство
Пример
Показать различные значения свойств overflow-x:
div.ex1 {
overflow-x: scroll;
}
div.ex2 {
overflow-x: hidden;
}
div.ex3 {
overflow-x:
auto;
}
div.ex4 {
overflow-x: visible;
}
Определение и использование
Свойство overflow-x указывает, следует ли обрезать содержимое, добавить полосу прокрутки или отобразить содержимое overflow элемента уровня блока, когда оно перетекает по левому и правому краю.
Совет: Свойство overflow-y используется для определения обрезки в верхней и нижней кромках.
| Значение по умолчанию: | visible |
|---|---|
| Inherited: | no |
| Animatable: | no. Читайте о animatable |
| Version: | CSS3 |
| Синтаксис JavaScript: | object.style.overflowX="scroll" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Числа, за которыми следует -MS-, укажат первую версию, которая работала с префиксом.
| Свойство | |||||
|---|---|---|---|---|---|
| overflow-x | 4.0 | 9.0 8.0 -ms- |
3.5 | 3.0 | 9.5 |
Синтаксис CSS
overflow-x: visible|hidden|scroll|auto|initial|inherit;
Значения свойств
| Значение | Описание | |
|---|---|---|
| visible | Содержимое не обрезается и может отображаться за пределами левого и правого краев. Это значение по умолчанию | |
| hidden | Содержимое обрезается, и механизм прокрутки не предоставляется | |
| scroll | Содержимое обрезается и обеспечивается механизм прокрутки | |
| auto | Может привести к тому, что для переполнения коробок будет предусмотрен механизм прокрутки | |
| initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
| inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Похожие страницы
CSS Справочник: CSS Overflow
HTML DOM Справочник: overflowX Свойство