Свойство overflow стиля

Определение и использование

overflow Настройка или возврат того, как обрабатывается содержимое, которое выходит за рамки элемента.

Совет:Если нужно скрыть полосы прокрутки всего документа, используйте атрибут overflow элементов body или html.

Дополнительная информация:

Уроки CSS:Переполнение CSS

Уроки CSS:Позиционирование CSS

Руководство CSS:Атрибут overflow

Пример

Пример 1

Использование атрибута overflow для прокрутки переполненного содержимого:

document.getElementById("myDIV").style.overflow = "scroll";

Попробуйте сами

Пример 2

Использование атрибута overflow для скрытия переполненного содержимого:

document.getElementById("myDiv").style.overflow = "hidden";

Попробуйте сами

Пример 3

Возвратить атрибут overflow:

alert(document.getElementById("myDiv").style.overflow);

Попробуйте сами

Синтаксис

Возвратить атрибут overflow:

object.style.overflow

Установить атрибут overflow:

object.style.overflow = "visible|hidden|scroll|auto|initial|inherit"

Значение атрибута

Значение Описание
visible Содержимое не будет обрезаться и может появиться за рамками элемента. По умолчанию.
hidden Не показывать содержимое за рамками элемента.
scroll Добавить полосы прокрутки и обрезать содержимое при необходимости.
auto При необходимости обрезать содержимое и добавить полосы прокрутки.
initial Установить этот атрибут в его значение по умолчанию. См. также initial.
inherit Инheritировать этот атрибут от родительского элемента. См. также inherit.

Технические детали

Значение по умолчанию: visible
Возврат значений: Строка, представляющая содержимое, отрисовываемое вне рамки элемента.
Версия CSS： CSS2

Поддержка браузера

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка