overflow-y
Поддержка браузерами
| 12.0+ | 9.0+ | 3.5+ | 4.0+ | 9.5+ | 3.0+ |
Описание
CSS свойство overflow-y указывает, обрезать или нет верхний/нижний край содержимого - если оно переполняет доступную область элемента для его содержания.
| Значение по умолчанию: | visible |
|---|---|
| Применяется: | к незамещаемым блочным и строчным элементам |
| Анимируется: | нет |
| Наследуется: | нет |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object.style.overflowY="scroll" |
Синтаксис
overflow-y: visible|hidden|scroll|auto|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| visible | Указывает, что при переполнении элемента содержимым, оно не будет обрезаться, а просто выйдет за рамки. |
| hidden | Указывает, что контент, который не помещается в элемент, будет обрезан (обрезанная часть будет невидимая). |
| scroll | Указывает, что контент, который не помещается в элемент, будет обрезан, но для просмотра обрезанной части, можно будет воспользоваться полосой прокрутки. |
| auto | При переполнении элемента содержимым, полосы прокрутки добавляются автоматически. |
| no-display | Если содержимое не помещается в блоке элемента, то блок с содержимым удаляется. |
| no-content | Если контент не помещается в блоке содержания, то контент не отображается. |
Пример
CSS Свойство:
overflow-y:
Результат:
CSS Код:
#myDIV {
width: 150px;
height: 200px;
overflow-y: visible;
}
width: 150px;
height: 200px;
overflow-y: visible;
}