overflow
Краткое описание свойства overflow
управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров. overflow - управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров.
Синтаксис:
p {overflow:auto | hidden | scroll | visible;}
Описание аргументов:
auto - Полосы прокрутки добавляются только если содержимое выходит за пределы установленные высотой и шириной элемента.
scroll - Всегда добавляются полосы прокрутки содержимого элемента.
hidden - Отображает только ту часть содержимого элемента, которая ограничена высотой и шириной элемента.
visible - Отображается все содержание элемента, даже за пределами установленной высоты и ширины.
Значение по умолчанию
visible Обьектная модель:
[window.]document.getElementById("elementID").style.overflow Пример использования атрибута overflow: Листинг style.css:
.block{width:300px; height:50px; overflow:auto; border:1px solid #FF0000;}
Листинг index.html: <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns=
"http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv=
"Content-Type" content="text/html; charset=windows-1251" />
<title>
Параметр overflow</title>
</head>
<body>
<div class=
"block">
Error sit voluptatem assusantium doloremque
laudantium, totam rem aperiam eaque ipsa quae
ab illo inventore Error sit voluptatem assusantium doloremque
laudantium, totam rem aperiam eaque ipsa quae
ab illo inventore </div>
</body>
</html>
Результат: Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore. Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore
Добавить комментарий
