Обтекание объекта текстом
Другой атрибут, определенный для элемента , управляет обтеканием текста вокруг прикрепленных объектов.
Определения атрибутов
clear = none|left|right|all
Определяет, где в визуальном браузере должна появиться следующая за переводом строки, вызванном этим элементом, строка. Этот атрибут учитывает прикрепляемые объекты (изображения, таблицы и т.д.). Возможные значения:
Рассмотрим следующий визуальный сценарий, в котором обтекание текстом производится справа от изображения до разрыва строки с помощью :
**************** ------- | | ------- | изображение | --<BR> | | ****************
Если для атрибута установлено значение none, строка, следующая за , начнется сразу же за ним справа от изображения:
*************** ------- | | ------- | изображение | --<BR> | | ------ ***************
ПРИМЕР НЕЖЕЛАТЕЛЬНОГО ИСПОЛЬЗОВАНИЯ:
Если для атрибута установлено значение left или all, следующая строка будет отображаться так:
*************** ------- | | ------- | изображение | --<BR clear="left"> | | *************** -----------------
С помощью таблиц стилей Вы можете задать подобное поведение для всех концов строк для всех объектов (изображений, таблиц и т.д.), прикрепленных к левому полю. С использованием CSS Вы можете достичь этого эффекта следующим образом:
<STYLE type="text/css"> BR { clear: left } </STYLE>
Чтобы определить такое поведение только для определенных экземпляров элемента , следует использовать атрибут :
<HEAD> ...
<STYLE type="text/css"> BR.mybr { clear: left } </STYLE> </HEAD> <BODY> <P>... *********** ------- | | ------- | таблица | --<BR id="mybr"> | | *********** ----------------- ... </BODY>