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;
}