|
 |
|
Новые сайты
|
|
|
|
 |
|
Изготовление сайта жилого комплекса "Кореневский хуторок 2"
подробнее
Все работы на одной странице
подробнее
Создание сайта для логистической компании Way Logistic.
подробнее
Сайт ЦСВМ "Штурман"
подробнее
|
|
|
|
|
Справочник css.
| CSS |
CSS2 |
| Значение по умолчанию |
visible |
| Наследуется |
Нет |
| Применяется |
К блочным и заменяемым элементам |
| Аналог HTML |
Нет |
Описание
Свойство overflow управляет отображением содержания
блочного элемента, если оно целиком не помещается и выходит за область заданных
размеров.
Синтаксис
overflow: auto | hidden | scroll | visible
Аргументы
- visible
- Отображается все содержание элемента, даже за пределами установленной высоты
и ширины.
- hidden
- Отображается только область внутри элемента, остальное будет обрезано.
- scroll
- Всегда добавляются полосы прокрутки.
- auto
- Полосы прокрутки добавляются только при необходимости.
Пример
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>overflow</title>
<style type="text/css">
.layer {
overflow: scroll;
width: 300px;
height: 150px;
padding: 5px;
border: solid 1px black;
}
</style>
</head>
<body>
<div class="layer">
<h2>Duis te feugifacilisi</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div>
</body>
</html>
Объектная модель
[window.]document.getElementById("elementID").style.overflow
Примечание
Браузер Internet Explorer поддерживает также параметр overflow-x,
который отображает полосу прокрутки по горизонтали и overflow-y,
он отвечает за полосу прокрутки по вертикали. Аргументы те же, что и для
overflow.
Форматирование
clear устанавливает, с какой стороны элемента запрещено его обтекание другими элементами. Если установлено обтекание элемента с помощью параметра float, свойство clear отменяет его действие для указанных сторон.
clip определяет область позиционированного элемента, в которой будет показано его содержимое. Все, что не помещается в эту область, будет обрезано и становится невидимым. На данный момент единственно доступная форма области — прямоугольник.
display многоцелевой атрибут, который определяет, как элемент должен быть показан в документе.
float определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон.
height устанавливает высоту блочных или заменяемых элементов (к ним, например, относится тег IMG. Высота не включает толщину границ вокруг элемента, значение отступов и полей.
overflow управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров.
visibility предназначен для отображения или скрытия элемента, включая рамку вокруг него и фон. При скрытии элемента, хотя он и становится не виден, место, которое элемент занимает, остается за ним.
width устанавливает ширину блочных или заменяемых элементов. Ширина не включает толщину границ вокруг элемента, значение отступов и полей.
|
|
|
|
