CSS свойство overflow

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

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

Внимание: Свойство overflow работает только для блочных элементов с установленными значениями высоты.

Внимание: В OS X Lion полосы прокрутки по умолчанию скрыты и показываются только при использовании (даже если установлено "overflow: scroll").

CSS синтаксис

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

Возможные значения

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

Пример

Устанавливаем свойство overflow в режим прокрутки


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