clear

Internet Explorer

Google Chrome

Opera

Safari

Firefox

6.07.08.0 2.03.04.0 9.29.610 2.03.14.0 2.03.03.6
                   
CSS 1CSS 2CSS 2.1CSS 3
    

Описание CSS свойства:

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

Краткая информация:
Значение по умолчанию: none
Наследуется: Нет
Применяется:К блочным и плавающим элементам
Ссылка на спецификацию: http://www.w3.org/TR/CSS21/visuren.html#propdef-clear

Синтаксис CSS свойства:

clear: none | left | right | both | inherit

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

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

both - Отменяет обтекание элемента одновременно с правого и левого края. Это значение рекомендуется устанавливать, когда требуется снять обтекание элемента, но неизвестно точно с какой стороны.

left - Отменяет обтекание с левого края элемента. При этом все другие элементы на этой стороне будут опущены вниз, и располагаться под текущим элементом.

right - Отменяет обтекание с правой стороны элемента.

inherit - Устанавливает значение родителя.

Объектная модель CSS свойства:

[window.]document.getElementById("elementID").style.clear

Особенности отображения в браузерах:

В браузере Internet Explorer 6 наблюдается ошибка под названием «эффект ку-ку», когда элементы c clear, соприкасающиеся с плавающими элементами (у которых задано свойство float) могут исчезать.

В браузере Internet Explorer 7 свойство clear не действует для элементов, у которых одновременно задано float со значением, не совпадающим с clear.

Internet Explorer до версии 7.0 включительно не поддерживает значение inherit.


Баннер SGU.RU