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