clear
Пример
Элемент <p> помещается под левыми плавающими элементами (элемент <p> не допускает плавающих элементов с левой стороны):
img
{
float: left;
}
p.clear
{
clear: left;
}
Попробуйте сами »
Определение clear
CSS свойство clear
управляет потоком рядом с плавающими элементами.
CSS свойство clear
определяет, что должно произойти с элементом, который находится рядом с плавающим элементом.
Совет: Также смотрите CSS свойство float
.
Значение по умолчанию: | none |
---|---|
Унаследовано: | no |
Анимируемый: | no. Читайте о animatable |
Версия: | CSS1 |
JavaScript синтаксис: | object.style.clear="both" Попробуй |
Поддержка clear
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
Свойство | |||||
---|---|---|---|---|---|
clear | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
Синтаксис clear
clear: none|left|right|both|initial|inherit;
Значения clear
Значение | Описание | Демонстрация |
---|---|---|
none | По умолчанию. Элемент не перемещается ниже левого или правого плавающих элементов | Демо ❯ |
left | Элемент помещается под левыми плавающими элементами | Демо ❯ |
right | Элемент помещается под правыми плавающими элементами | Демо ❯ |
both | Элемент помещается как под левым, так и под правым плавающими элементами | Демо ❯ |
initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial | |
inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |
Страницы по теме clear
CSS Учебник: CSS Поплавок
HTML DOM справочник: clear свойство