Web.Reporter.pl Pełny kurs HTML 4.01, XHTML 1.0 i CSS 2 z przykładami
autor: Dariusz Majgier • ostatnia modyfikacja: 2002.06.10 • wersja kursu: 1.1

[0-9]  A  B  C  D  E  F  G  H  I  J  K  L  M  N  O  P  Q  R  S  T  U  V  W  X  Y  Z 
[główne menu] - [elementy HTML] - [atrybuty HTML] - [style CSS] - [artykuły]
tabele • listy • formularze • multimedia • el. strukturalne • el. blokowe • el. liniowe

clear

Styl definiuje położenie nowego akapitu. W działaniu podobny jest do atrybutu clear stosowanego w elemencie BR.

Wartości:

• none (wartość domyślna) - CSS1 / IE4, N4, O3.5
bez zmian
• left - CSS1 / IE4, N4, O3.5
następna linia będzie pod obiektem ułożonym z lewej strony
• right - CSS1 / IE4, N4, O3.5
następna linia będzie pod obiektem ułożonym z prawej strony
• both - CSS1 / IE4, N4, O3.5
następna linia znajdzie się pod obiektem niezależnie od jego położenia
• inherit - CSS2 / N6, O4
przejęcie wartości "rodzica", np. clear:inherit;
Pozostałe cechy:
• CSS/przeglądarki: CSS1 / IE4, N4, O3.5
• odpowiednik HTML: clear
Przykładowe zastosowania:

• Przykład 1:

<IMG src="../p/logo.gif" width="120" height="60" align="left">
tekst będzie się układał po prawej stronie i użycie BR 
<BR clear="none"> nie spowoduje dalszego pisania pod grafiką.

tekst będzie się układał po prawej stronie i użycie BR
nie spowoduje dalszego pisania pod grafiką.

• Przykład 2:

<IMG src="../p/logo.gif" width="120" height="60" align="left">
a teraz tekst z prawej strony zostanie złamany tak, że znajdzie 
się pod grafiką. <BR style="clear:left;"> BR z clear = left złamał 
tekst pod obiekt znajdujący się po lewej stronie .

a teraz tekst z prawej strony zostanie złamany tak, że znajdzie się pod grafiką.
BR z clear = left złamał tekst pod obiekt znajdujący się po lewej stronie .

• Przykład 3:

<STYLE TYPE="text/css"><!--
BR {clear:both;}
--></STYLE>

• • •
Masz jakieś pytania? Podyskutuj na forum dyskusyjnym o HTML i CSS!