CSS свойство overflow

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

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

Описание

Эта атрибут определяет, как обрабатывать содержимое элемента, которое выходит за пределы его области. Если значение scroll, пользовательский агент всегда предоставляет механизм прокрутки, поэтому可能出现 полоса прокрутки, даже если все содержимое умещается в рамке элемента.

См. также:

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

Руководство по HTML DOM:атрибут overflow

Пример

Настройка атрибута overflow:

div
  {
  width:150px;
  height:150px;
  overflow:scroll;
  }

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

CSS грамматика

overflow: visible|hidden|clip|scroll|auto|initial|inherit;

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

Значение Описание
видимый по умолчанию. Содержимое не будет обрезаться и будет отображаться за пределами рамки элемента.
hidden Содержимое будет обрезаться, и оставшееся содержимое будет невидимым.
scroll Содержимое будет обрезаться, но браузер будет отображать полосы прокрутки для просмотра оставшегося содержимого.
auto Если содержимое обрезается, браузер будет отображать полосы прокрутки для просмотра оставшегося содержимого.
inherit определяет, должны ли значения атрибута overflow наследоваться от родительского элемента.

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

по умолчанию: видимый
наследование: нет
Версия: CSS2
JavaScript грамматика: object.style.overflow="scroll"

Более примеров

Как использовать полосы прокрутки для отображения содержимого, переполняющего элемент
Этот пример демонстрирует, как настроить атрибут overflow для определения соответствующего действия, когда содержимое элемента слишком велико, чтобы соответствовать заданной области.
Как скрыть содержимое, переполняющее элемент
Этот пример демонстрирует, как настроить атрибут overflow для скрытия содержимого, когда содержимое элемента слишком велико, чтобы адаптироваться к заданной области.
Как настроить браузер для автоматической обработки переполнения
Этот пример демонстрирует, как настроить браузер для автоматического обработки переполнения.

поддержка браузером

числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0