Свойство overflow
Пример style.overflow
Используйте свойство overflow для прокрутки выходящего за пределы экрана содержимого:
document.getElementById("myDIV").style.overflow = "scroll";
Попробуйте сами »
Описание overflow
Свойство overflow устанавливает или возвращает, что делать с содержимым, которое отображается за пределами поля элемента.
Совет: Если вы хотите скрыть полосы прокрутки всего документа, используйте свойство overflow в теле или элементе html.
Поддержка overflow
| Свойство | |||||
|---|---|---|---|---|---|
| overflow | Да | Да | Да | Да | Да |
Синтаксис overflow
Вернуть свойство overflow:
object.style.overflow
Установите свойство overflow:
object.style.overflow = "visible|hidden|scroll|auto|initial|inherit"
Значение свойства overflow
| Значение | Описание |
|---|---|
| visible | Контент НЕ обрезается и может быть показан за пределами поля элемента. Это значение по умолчанию |
| hidden | Контент за пределами поля элемента не отображается |
| scroll | Добавляются полосы прокрутки, а контент обрезается при необходимости |
| auto | Контент обрезается, а полосы прокрутки добавляются при необходимости |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали overflow
| Значение по умолчанию: | visible |
|---|---|
| Возвращаемое значение: | Строка, представляющая содержимое, которое отображается за пределами поля элемента. |
| CSS Версия | CSS2 |
Ещё примеры overflow
Используйте свойство overflow, чтобы скрыть выходящее за пределы содержимое:
document.getElementById("myDiv").style.overflow = "hidden";
Попробуйте сами »
Вернуть свойство overflow:
alert(document.getElementById("myDiv").style.overflow);
Попробуйте сами »
Связанные страницы overflow
CSS Учебник: CSS Overflow
CSS Учебник: CSS Позиционирование
CSS Справочник: Свойство overflow