Спецификация HTML 4.01 + Спецификация CSS2

         

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


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

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

clear =

none|left|right|all

[CI]

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

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

  • 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>



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