CSS свойство overflow-y

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

CSS синтаксис

overflow-y: visible | hidden | scroll | auto | initial | inherit;

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

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

Пример использования

Обрезаем вверху/внизу контент элемента <div>, если он не поместится в размер контейнера


div {
     overflow-y: hidden;
}