html атрибут clear

Опис та застосування

Атрибут clear повідомляє браузеру, як обробляти наступний рядок, якщо текст обтікає плаваючий елемент. Плаваючим елементом називається зображення, у якого встановлений атрибут align або елемент, до якого застосовується стильове властивість float.

dcdd6d86c2a764feadd67188f76152d9.png

Результат використання clear залежить від краю, за яким вирівнюється елемент і значення clear. Так, якщо зображення вирівнюється по лівому краю, а значення атрибута clear тега
встановлено як all або left, то текст після тега <br> буде відображатися нижче малюнка. Будь-які інші значення clear змусять текст розташовуватися праворуч від зображення і обтікати його.

Синтакс

<br clear="all | left | right | none">

Атрибут clear може отримувати 4 значення :

all

Скасовує обтікання елемента одночасно з правого і лівого краю.

left

Скасовує обтікання з лівого боку елемента, розташованого після <br>.

right

Скасовує обтікання з правого боку елемента.

none

Скасовує дію атрибута.

Переглядачі

Переглядач

1+

1+

1+

3.5+

12+

3+

Переглядач

1+

1+

1+

1+

Приклади


Найпростіший приклад використання HTML атрибута clear теґа <br>

See the Pen Br_clear_css_in_ua by css.in.ua (@css_in_ua) on CodePen.

Найпростіший приклад використання HTML атрибута clear теґа <br>

See the Pen Br_clear1_css_in_ua by css.in.ua (@css_in_ua) on CodePen.

Різниця між HTML 4.01 та HTML5


Атрибут clear не використовується в HTML5.

Різниця між XHTML та HTML


Немає жодної різниці.