overflow css

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

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

Стили css - cssmake.ru

overflow

Описание аргументов:

Значение по умолчанию

Обьектная модель:

Добавить комментарий

Последние комментарии