Свойство overflow

Описание

Управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров.

Синтаксис

overflow: 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: hidden;
 width: 200px;
 height: 50px;
 padding: 7px;
 border: 3px solid black;
 }
 </style>
 <div id='test2'>
 Далеко-далеко за словесными, горами в стране гласных и согласных живут рыбные тексты. Грамматики сбить, диких предложения себя языкового переулка текстами моей, языком, рот которой инициал буквенных пустился скатился переписывается коварный букв страну.
 </div>
</body>
</html>
Далеко-далеко за словесными, горами в стране гласных и согласных живут рыбные тексты. Грамматики сбить, диких предложения себя языкового переулка текстами моей, языком, рот которой инициал буквенных пустился скатился переписывается коварный букв страну.

Читайте также

Свойство padding-block-end

Определяет конечный внутренний отступ элемента по блочной оси. В зависимости от значения свойства...

Свойство border-left-color

Устанавливает цвет левой границы элемента.

Свойство text-ident

Устанавливает величину отступа первой строки блока текста (например, для абзаца p). Воздействия н...

Свойство border-image

Используется для отображения рисованной рамки вокруг элемента. Толщина рамки задаётся свойством b...

Свойство outline-offset

Устанавливает расстояние между рамкой, созданной с помощью свойства outline, и краем или границей...