overflow

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

Пример

div {
   width: 150px;
   height: 150px;
   border: 3px solid red;
   overflow: hidden;
   }

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

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

Характеристики

Значение по умолчанию: visible

Применяется: Ко всем блочным элементам, а также элементам th и td.

Наследуется: Нет

См. также