Свойство 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;
}