СSS Свойство 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-x для определения отсечения по левому и правому краям.
| Значение по умолчанию: | visible |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | нет Прочитайте о animatable |
| Версия: | 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 Переполнение
HTML DOM Справочник: Свойство overflowY
