Litra Library
Главная » Статьи » WEB » Свойства CSS
CLEAR
Браузер Internet Explorer Firefox Mozilla Opera Netscape Safari
Версия 5.5 6.0 7.0 1.0 2.0 1.7 7.0 8.0 9.0 6.0 7.0 8.0 1.0
Поддержка Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается

Краткая информация

CSS CSS1
Значение по умолчанию none
Наследование Нет
Применяется К блочным и плавающим элементам
Аналог HTML <br clear=left | right | all>
Ссылка на спецификацию http://www.w3.org/TR/CSS21/visuren.html#propdef-clear

Описание

Данное свойсто задает запрещает обтекание другими элементами. Если задано обтекание элемента с помощью параметра float, свойство clear отменяет его действие для указанных сторон.

Синтаксис

clear: both | left | none | right

Аргументы

both Снимает обтекание элемента всместе с правым и левым краем. Этот аргумент рекомендуется задать, когда требуется снять обтекание элемента, но неизвестно точно с какой стороны.
left Снимает обтекание с левого края элемента. При этом все другие элементы на этой стороне будут опущены вниз, и располагаться под текущим элементом.
right Снимает обтекаемость с правой стороны элемента.
none Отменяет действие данного свойства и обтекание элемента происходит, как задано с помощью параметра float или других настроек.

Пример

Валидный HTML

<!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>clear</title>
<style type="text/css">
#layer {
 float: left; /* Выравнивание элемента по левому краю  */
 background: #fd0; /* Цвет фона */
 border: 1px solid blue; /* Параметры рамки */
 padding: 10px; /* Поля вокруг текста */
 width: 50%; /* Ширина блока */
}
</style>
</head>
<body>

<div id="layer">
Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет.
</div>

<div style="clear: left"></div>

<p>Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет. Самый простой способ - это иметь свое представительство в сети (Web-сайт).</p>

</body>
</html>
Категория: Свойства CSS | Добавил: expert1 (31.01.2013)
Просмотров: 310 | Теги: CSS, свойства | Рейтинг: 0.0/0
Всего комментариев: 0

Проекты

RSS Правила Бесплатный хостинг uCoz Litra Library
^ Наверх ^