Атрибут clear повідомляє браузеру, як обробляти наступний рядок, якщо текст обтікає елемент. Обтічним називається елемент, у якого встановлено атрибут align або елемент, до якого застосовується стильова властивість float .
Результат використання clear залежить від краю, по якому вирівнюється елемент і значення clear. Так, якщо зображення вирівнюється по лівому краю, а значення атрибуту clear у <br> встановлено як all або left, то текст після <br> буде відображатися нижче малюнку. Будь-які інші значення clear змусять текст розташовуватися праворуч від зображення та обтікати його.
Цей атрибут застарів, натомість використовуйте стильову властивість clear.
Синтаксис
< br clear="all | left | right | none">
Значення
- all
- Скасує обтікання елемента одночасно з правого та лівого краю.
- left
- Скасує обтікання з лівого боку елемента, розташованого після <br>.
- right
- Скасує обтікання з правого боку елемента.
- none
- Скасує дію атрибута.
Значення за замовчуванням
Ні.
Приклад
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>BR, атрибут clear</title> </head> <body> <div style="float: left; background: #fd0; border: solid 1px black; padding: 10px; width: 40%"> Лайн-ап синхронно варіює флюгель-горн. </div> <br clear="left"> <p>Серпантинна хвиля, і це особливо помітно у Чарлі Паркера або Джона Колтрейна, трансформує ізоритмічну кризу жанру.</p> </body> </html>
Результат прикладу показаний на мал. 1.
Мал. 1. Скасування обтікання блоку текстом
Браузери
| 3 | 12 | 1 | 3.5 | 1 | 1 |
| 1 | 1 | 6 | 1 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повністю підтримується браузером;
- — елемент браузером не сприймається та ігнорується;
- — при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.
Число вказує версію браузреа, з якої елемент підтримується.