Kurs XHTML: 1.1, 1.0 / HTML: 4.01, 4.0, 3.2, 3.0, 2.0 / CSS: 2.1, 2.0, 1.0 z przykładami

[Start] • [Elementy XHTML/HTML] • [Atrybuty XHTML/HTML] • [Style CSS]

clear

OPIS

Styl definiuje położenie nowego akapitu (które krawędzie nie mogą się stykać z elementem wcześniejszym, schodząc w dół). W działaniu podobny jest do atrybutu clear stosowanego w elemencie br.

WARTOŚCI

• none - CSS: 2.1, 2.0, 1.0

bez zmian, wartość domyślna

• left - CSS: 2.1, 2.0, 1.0

następna linia będzie pod obiektem ułożonym z lewej strony

• right - CSS: 2.1, 2.0, 1.0

następna linia będzie pod obiektem ułożonym z prawej strony

• both - CSS: 2.1, 2.0, 1.0

następna linia znajdzie się pod obiektem niezależnie od jego położenia

• inherit - CSS: 2.1, 2.0

przejęcie wartości "rodzica", np. clear: inherit;

POZOSTAŁE CECHY

• CSS: 2.1, 2.0, 1.0
• dziedziczony: nie
• odpowiednik HTML: clear

PRZYKŁADY ZASTOSOWAŃ

• Przykład 1:

<img src="g/tlo.gif" width="50" height="50" alt="" align="left" />
tekst będzie się układał po prawej stronie i użycie BR 
<br style="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="g/tlo.gif" width="50" height="50" alt="" 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>