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