Свойство 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>
Далеко-далеко за словесными, горами в стране гласных и согласных живут рыбные тексты. Грамматики сбить, диких предложения себя языкового переулка текстами моей, языком, рот которой инициал буквенных пустился скатился переписывается коварный букв страну.
Читайте также
Свойство word-break
Указывает, как делать перенос строк внутри слов, которые не помещаются по ширине в заданную область.
Свойство background-image
Задает фоновое изображение элемента. В качестве значения указывается путь к изображению. Он может...
Свойство border-top-left-radius
Устанавливает радиус скругления левого верхнего угла рамки.Если рамка не задана, то скругление та...
Стиль целевого элемента
Для перехода к выбранному фрагменту документа, в адресе пишется символ # и указывается имя иденти...
Свойство border-right
Позволяет одновременно установить толщину, стиль и цвет правой границы элемента.<br><br&...