Обтекание текста вокруг объекта

Ещё один атрибут, определённый для элемента BR, управляет обтеканием текста вокруг "всплывающего" объекта.

Определение атрибута

clear =

none|left|right|all

Не рекомендуется.

Определяет, где должна появиться следующая строка после обрыва строки, сделанного этим элементом. Этот атрибут учитывает плавающие объекты (изображения, таблицы и т.д.). Возможные значения:

none: следующая строка начнётся нормально. Это значение по умолчанию.

left: следующая строка начнётся в ближайшей строке под любым плавающим объектом у левого края.

right: следующая строка начнётся в ближайшей строке под любым плавающим объектом у левого края.

all: следующая строка начнётся в ближайшей строке под любым плавающим объектом у любого края.

Посмотрите на этот рисунок. Текст обтекает изображение по правому краю до обрыва строки элементом BR:

********* ------- | | ------- | image | --<BR> | | *********

Если атрибут clear установлен в none, линия, следующая после BR, начнётся сразу под ним у правого края изображения:

********* ------- | | ------- | image | --<BR> | | ------ *********

НЕ РЕКОМЕНДУЕТСЯ:

Если атрибут clear установлен в left или all, следующая строка появится так:

********* ------- | | ------- | image | --<BR clear="left"> | | ********* -----------------

Используя таблицы стилей, Вы можете установить, чтобы все обрывы строки вели себя одинаково для объектов (изображений, таблиц и т.д.), "всплывая" у левого края. В таблице стилей Вы можете записать:

<STYLE type="text/css"> BR { clear: left } </STYLE>

Чтобы определить такое поведение для конкретного элемента BR, нужно скомбинировать информацию о стиле и атрибут

id:

<HEAD> ...

<STYLE type="text/css"> BR#mybr { clear: left } </STYLE> </HEAD> <BODY> <P>... ********* ------- | | ------- | table | --<BR id="mybr"> | | ********* ----------------- ... </BODY>

Содержание раздела