Свойство OVERFLOW

css

Содержание:



Свойство Значения Пр* Нc*
overflow visible, hidden, scroll, auto, inherit * -

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

Область применения*: блочные и замещаемые элементы.

Значения:

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

Пример:

.element { height: 100px; width: 150px; background: #FF9;}
.element { overflow: auto; height: 100px; width: 150px; background: #FF9;}

— в первом примере свойство Overflow не используется, область содержимого элемента переполнена, а лишнее содержимое вышло за его границы;
— во втором примере используется свойство Overflow со значением auto, добавилась вертикальная полоса прокрутки:

свойство overflow

Значения scroll и hidden

Пример:

.element { overflow: scroll; height: 100px; width: 150px; background: #FF9;}
.element { overflow: hidden; height: 100px; width: 150px; background: #FF9;}

— используется свойство Overflow со значением scroll, при этом отобразились обе полосы прокрутки;
— во втором примере установлено значение hidden и лишнее содержимое обрезано:

свойство overflow: значения scroll и hidden


Содержание: