Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Расположение и границы : clear

смотрим также
    Don kill ukraine нтв.

Материал из Справочник Web-языков

Перейти к: навигация, поиск


Содержание

Атрибут clear | Свойство clear

Это свойство устанавливает с каких сторон запрещено обтекание объекта.

Синтаксис

HTML { clear : sClear }
Скрипты [ sClear = ] object.style.clear[ = v ]

Возможные значения

sClear
Строка, которая может определять и принимать одно из следующих значений:
none Значение по умолчанию. Обтекание объекта запрещено с обеих сторон.
left Запрещено обтекание с левой стороны. Объект будет располагаться выше любых других элементов, обтекающих его с левой стороны.
right Запрещено обтекание с правой стороны. Объект будет располагаться выше любых других элементов, обтекающих его с правой стороны.
both Запрещено обтекание элемента и с левой, и с правой сторон. Рекомендуется устанавливать это значение для свойства, когда точно неизвестно с какой стороны будет обтекание объекта.

Это свойство не наследуется. Значением по умолчанию является none.

Замечания

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

Свойство clear применимо только для блочных и плавающих элементов.

Примеры

Следующие примеры иллюстрируют применение свойства clear и атрибута clear для задания различных параметров обтекания объекта.

В первом примере используется атрибут clear для перемещения текста, выделенного курсивом, ниже обтекаемого элемента.

<STYLE>
    I { clear:left }
</STYLE>

Во втором примере используется свойство clear для изменения местоположения параграфа текста по отношению к обтекаемому элементу.

<HEAD>
<SCRIPT>
function fnClear(){
    oClear.style.clear="left";
}
function fnClear2(){
    oClear.style.clear="none";
}
</SCRIPT>
</HEAD>

<BODY>
    <img src="/workshop/graphics/sphere.jpg" style="float:left">
    <SPAN ID="oClear">
        <P>This is an example of the clear attribute.<P>
    </span>

    <P>
        <INPUT TYPE=button value="clear = left" onclick="fnClear()"> 
        <INPUT TYPE=button value="clear = none" onclick="fnClear2()">
    </P>
</BODY>

Стандарты

Это свойство определено в Cascading Style Sheets (CSS), Level 1 (CSS1) и World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1

Поддерживаемые браузеры

Internet Explorer 5.5, 6.0, 7.0, 8.0

Opera 7.0, 8.0, 9.2, 9.5

Safari 1.3, 2.0, 3.1

Firefox 1.5, 2.0, 3.0

Ссылки на источники

http://msdn.microsoft.com/en-us/library/ms533561(VS.85).aspx

https://developer.mozilla.org/en/CSS/clear

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="http://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования