CSS-Clear


CSS Tutorial  >  Clear

Die clear Eigenschaft wird benutzt um den Effekt von float zu beseitigen. Mögliche Werte für die clear-Eigenschaft sind:

  • left: Die linke Seite bleibt frei.
  • right: Die rechte Seite bleibt frei.
  • both: Beide Seiten bleiben frei.
  • none: Keine der Seiten bleibt frei.

    Hier ist ein abgeändertes Beispiel von der Seite zu float:

    CSS-Statement

    #leftfloat {
      float:left;
    }

    #clearleft {
      clear:left;
    }

    der folgende HTML-Code,

    <span id="leftfloat"><img src="yp.jpg"></span>Dieses Beispiel <span id="clearleft"> verdeutlicht, wie clear:left die float-Eigenschaft nichtig macht. </span>

    sieht so aus:

    Dieses Beispiel verdeutlicht, wie clear:left die float-Eigenschaft nichtig macht.

    Beachten Sie, dass sobald der clear:left-Style angewandt wird, der float-left-Style ineffektiv wird und der gesamte Text, der dem clear:left-Style folgt unter dem Bild erscheint.

    Folgende Seite: CSS Cursor



    Copyright 2008-2009   1keydata.com   Alle Rechte vorbehalten.



  • CSS Tutorial
    CSS Syntax
    Apply CSS
    CSS Ausgabearten
    CSS Cascade
    CSS Vererbung
    CSS Class ID
    CSS Div Span
    CSS Längeneinheiten

    CSS Box-Modell
    CSS Margin
    CSS Border
    CSS Padding
    CSS Background
    CSS Color
    CSS Font
    CSS Link
    CSS List
    CSS Table
    CSS Position
    CSS Text
    CSS Float
    CSS Clear
    CSS Cursor

    CSS Codes