clear | Свойство CSS - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Среда, 07.12.2016
Главная » Справочник CSS3 » Позиционирование


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


clear | Свойство CSS

Свойство clear запрещает обтекание плавающих элементов.




Свойство clear запрещает,обтекание одних плавающих ( не позиционируемых ) элементов другими.При этом дополнительные значения могут запрещать обтекание только по указанным сторонам,а так же разделять плавающие элементы.Числовые значения могут быть не только положительными,но и отрицательными.Разумеется свойство может вообще не применяться,всё зависит от ситуации с соседними позиционируемыми элементами.Свойство применимо к блочным элементам,создано в версии CSS1 но проходит валидацию согласно версии CSS3.




Дополнительные значения clear


Значение
Описание
leftЗапрещает обтекание элемента с лева
rightЗапрещает обтекание элемента с права
bothЗапрещает обтекание элемента с обеих сторон
noneОбтекание разрешено с обеих сторон
inheritНаследует значения родителя


Свойство работает в браузерах




Пример применения свойства clear



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство clear</title>
<meta charset="utf-8">
<style type="text/css">
<!--
.element-both {
clear:both;
width:300px;
height:50px;
padding:10px;
border:10px #0ba1d5; dotted;
text-decoration:blink;
color:gold;
background:black;
}
.prosto-element {
float:top;
width:300px;
height:50px;
padding:10px;
border:10px #0ba1d5; solid;
color:#ffffff;
background:green;
}
p {
color:indigo;
}
-->
</style>
</head>
<body>
<center>
<div class="prosto-element">Общее мнение - народная суть,дайте спокойно пожить хоть чуть чуть</div>
<div class="element-both">Нет! мы во власти на то и нужны,пожить вам спокойно давать не должны</div>
<div class="prosto-element">Общее мнение - народная суть,дайте спокойно пожить хоть чуть чуть</div>
<br>
<p>Меренков Михаил - Волгоград</p>
</center>
</body>
</html>

Пример в действии




Поэкспериментируйте сами





Русские шрифты






Источник: http://www.w3.org/TR/CSS21/visuren.html#propdef-clear
Категория: Позиционирование | Добавил: IZOTOP (20.04.2012) | Автор: Меренков Михаил E W
Просмотров: 586 | Теги: css, свойство, style, Clear, Что делает, для чего, что это | Рейтинг: 5.0/1

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]