Свойство переполнения стиля
Пример
Используйте свойство overflow для прокрутки переполняющего содержимого:
document.getElementById("myDIV").style.overflow = "scroll";
Определение и использование
Свойство overflow задает или возвращает, что делать с содержимым, которое отображается за пределами поля элемента.
Совет: Если вы хотите скрыть полосы прокрутки всего документа, используйте свойство переполнения в теле или элементе html.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
overflow | Yes | Yes | Yes | Yes | Yes |
Синтаксис
Вернуть свойство переполнения:
object.style.overflow
Установите свойство переполнения:
object.style.overflow = "visible|hidden|scroll|auto|initial|inherit"
Значения свойств
Value | Description |
---|---|
visible | Content is NOT clipped and may be shown outside the element box. This is default |
hidden | Content outside the element box is not shown |
scroll | Scroll bars are added, and content is clipped when necessary |
auto | Content is clipped and scroll bars are added when necessary |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | видимый |
---|---|
Возвращаемое значение: | Строка, представляющая содержимое, которое отображается за пределами поля элемента. |
CSS-версия | CSS2 |
Дополнительные примеры
Пример
Используйте свойство overflow, чтобы скрыть переполняющее содержимое:
document.getElementById("myDiv").style.overflow = "hidden";
Пример
Вернуть свойство переполнения:
alert(document.getElementById("myDiv").style.overflow);
Связанные страницы
Учебное пособие по CSS: переполнение CSS
Учебное пособие по CSS: CSS-позиционирование
Справочник по CSS: свойство переполнения
❮ Объект стиля