Свойство overflow-y
Описание
Управляет отображением содержания блочного элемента по вертикали, если контент целиком не помещается и выходит за область сверху или снизу от блока.
Синтаксис
overflow-y: auto | hidden | scroll | visible;Подробности
| Значение | Описание |
| visible | Отображается всё содержимое элемента, даже за пределами установленной высоты и ширины. |
| hidden | Отображается только область внутри элемента, остальное будет скрыто. |
| scroll | Всегда добавляются полосы прокрутки. |
| auto | Полосы прокрутки добавляются только при необходимости. |
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
#test2 {
overflow-x: hidden;
overflow-y: scroll;
width: 300px;
height: 150px;
padding: 7px;
border: 3px solid black;
}
</style>
<div id='test2'>
Далеко-далеко за словесными, 55555555555555555555555555555555555 горами в стране гласных и согласных живут рыбные
тексты. Грамматики4444444444444444444444444444444444 сбить, диких предложения себя языкового переулка текстами
моей, языком, рот которой инициал333333333333333333333333 буквенных пустился скатился переписывается
коварный букв страну.
</div>
</div>
</body>
</html>Читайте также
Свойство padding-inline-start
Определяет конечный внутренний отступ элемента по строчной оси. В зависимости от значения свойства writing-mode, свойство padding-inline-start может с...
Свойство background-blend-mode
Описывает то, как фоновое изображение элемента должно накладываться на фоны других элементов....
Свойство flex-direction
Задаёт направление основных осей в контейнере. Определяет положение флексов в контейнере. На направление также влияет значение атрибута dir у контейне...
Свойство grid-template
Сокращение для grid-template-rows, grid-template-columns и grid-template-areas....