CSS-свойство overflow

CSS-cвойство overflow указывает поведение блока, когда содержимое переполняет область контейнера. Возможны три варианта: обрезать содержимое, отобразить полосу прокрутки (scroll) или отображать содержимое за пределами блока,

Значение по умолчанию:	`visible`
Применяется к:	Блочные элементы, строчные и flex-элементы
Наследование:	Нет
Анимирование:	Нет. Анимируемые свойства
Версия:	CSS 2, 3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

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

Примеры написания кода свойства overflow:

div {
    width: 400px;
    height: 300px;
    overflow: scroll;
}

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение	Описание
`visible`	Контент не обрезается; он будет отображаться вне контейнера, и, таким образом, может перекрывать другое содержимое. Это значение установлено по умолчанию.
`hidden`	Контент, переполняющий контейнер, обрезается; обрезанная часть содержимого будет невидимой.
`scroll`	Контент, переполняющий контейнер, обрезается и при `hidden`, но предоставляет механизм прокрутки (scroll) для доступа к обрезанному контенту. Полоса прокрутки добавляется всегда, даже если контента недостаточно для обрезания.
`auto`	Работает так же как и `scroll`, за тем исключением, что полоса прокрутки (scroll) добавляется при необходимости.
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	Если указан, связанный элемент принимает вычисленное значение своего родительского элемента `overflow`.