Руководство по CSS

CSS @rules (RULES)

Полный список свойств CSS

Атрибут clip CSS Атрибут caption-side CSS

Метод использования и пример свойства clear CSS

Свойство clear CSS определяет, с какой стороны элемента не разрешается другим плавающим элементам.Узнайте больше.

В таблице ниже приведены инструкции по использованию и историю версий этого свойства, а также его использование в скриптах JavaScript.

Значение по умолчанию:	none
Применяется к:	Все элементы
Инherit:	Нет
Анимируемо:	Нет Просмотр Анимационные свойства.
Версия:	CSS 1, 2, 3
JavaScript грамматика:	object.style.clear="left"

Грамматика использования свойства clear

Грамматика этого свойства такая:

clear:　left　|　right　|　auto　|　both　|　none　|　initial　|　inherit

Ниже приведен пример того, как использовать свойство clear.

Пример

　　clearfix:after　　{
　　　content:　".";
　　　display:　block;
　　　height:　0;
　　　visibility:　hidden;
　　　clear:　both;
　　}

Протестируйте и посмотрите‹/›

Значения свойств

В таблице ниже описаны значения этого свойства.

Значение	Описание
left	Элемент опускается вниз, чтобы очистить левую сторону от плавающих элементов.
right	Элемент опускается вниз, чтобы очистить правую сторону от плавающих элементов.
both	Элемент опускается вниз, чтобы очистить обе стороны left и right от плавающих элементов.
auto	Не очищать никакие предыдущие плавающие элементы. Это значение по умолчанию.
initial	Установить этот атрибут в его значение по умолчанию.
inherit	Если указано, то связанные элементы используют значение свойства clear родительского элемента.

Совместимость браузеров

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

	Firefox 1+ Google Chrome 1+ Internet Explorer 5+ Apple Safari 1+ Opera 6+

Дополнительное чтение

См. также учебник:CSS Float.

Связанные свойства:float.

Атрибут clip CSS Атрибут caption-side CSS