Свойство overflow-y определяет, каким образом будет отображаться содержимое элемента, если оно не помещается вверху/внизу в область вывода данного элемента.
CSS синтаксис
overflow-y: visible | hidden | scroll | auto | initial | inherit;
Возможные значения
Значение | Описание |
---|---|
visible | Отображается все содержание элемента, даже за пределами установленной высоты. |
hidden | Отображается только область внутри элемента, остальное будет скрыто. |
scroll | Всегда добавляется вертикальная полоса прокрутки. |
auto | Вертикальная полоса прокрутки добавляется только при необходимости. |
inherit | Значение наследуется от родительского элемента. |
initial | Устанавливает значение по умолчанию. |
Пример использования
Обрезаем вверху/внизу контент элемента <div>, если он не поместится в размер контейнера
div {
overflow-y: hidden;
}