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