Свойство 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>Читайте также
Свойство overflow
Управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров....
Стиль элемента при наведении на него курсора мыши
Определяет стиль элемента при наведении на него курсора мыши, но при этом элемент еще не активирован, иными словами кнопка мыши не нажата....
Свойство column-gap
Задаёт расстояние между колонками в многоколоночном тексте....
Вложенные селекторы
При создании веб-страницы часто приходится вкладывать одни элементы внутрь других. Чтобы стили для этих элементов использовались корректно, помогут вл...