Want to share your CSS expertise with others? Apply to the MDN Fellowship by April 1! http://mzl.la/MDNFellowship

mozilla
Ihre Suchergebnisse

    clear

    Übersicht

    Die clear CSS Eigenschaft wird verwendet, um den Umfluss vorheriger Elemente zu beenden und das Element unter dem vorherigen zu platzieren. Somit entsteht neben dem zuvor umgebrochenem Element ein Freiraum (auch "Clearance" genannt).
    Das Element wird durch clear soweit nach unten geschoben, sodass die obere Rahmenkante (top border edge) des Clear-Elements an der unteren Außenkante (bottom outer edge) des vorherigen Float-Elements liegt. Die Margins fallen in diesem Fall zusammen. Wenn das clearende Element ebenfalls ein gefloatetes Element ist, wird die obere Außenkante unter die untere Außenkante des vorherigen Elements geschoben und die Margins liegen aneinander und fallen nicht zusammen.

    Hinweis: Falls es gewünscht ist, dass ein Element alle umbrechenden Elemente enthält, kann entweder der Container selbst als umbrechend markiert werden oder oder clear auf einem ersetzten ::after Pseudoelement angewendet werden.

    #container:after { 
      content: "";
      display: block; 
      clear: both;
    }
    

    • Initialwert none
    • Anwendbar auf block-level Elemente
    • Vererbt Nein
    • Prozentwerte
    • Medium visuell
    • Berechneter Wert siehe Spezifikation
    • Animierbar Nein
    • Kanonische Reihenfolge die einzige nicht missverständliche Reihenfolge definiert durch die formale Grammatik

    Syntax

    Formale Syntax: none | left | right | both
    clear: none
    clear: left
    clear: right
    clear: both
    
    clear: inherit
    

    Werte

    none
    Der Umfluss von vorherigen Elementen wird nicht beendet.
    left
    Der Umfluss von vorherigen Elementen wird auf der linken Seite beendet.
    right
    Der Umfluss von vorherigen Elementen wird auf der rechten Seite beendet.
    both
    Der Umfluss von vorherigen Elementen wird auf beiden Seiten beendet.
    inherit
    Der Wert des Elternelements wird geerbt.

    Beispiele

    Live-Beispiel ansehen

    h1 { clear: none }
    h2 { clear: right }
    

    Spezifikationen

    Spezifikation Status Anmerkung
    CSS Level 2 (Revision 1)
    Die Definition von 'clear' in dieser Spezifikation.
    Empfehlung Keine signifikanten Änderungen, jedoch werden Details geklärt.
    CSS Level 1
    Die Definition von 'clear' in dieser Spezifikation.
    Empfehlung Ursprüngliche Definition

    Browser Kompatibilität

    Merkmal Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Grundlegende Unterstützung 1.0 1.0 (1.7 oder früher) 4.0 3.5 1.0
    Merkmal Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Grundlegende Unterstützung 1.0 1.0 (1) 6.0 6.0 1.0

    Siehe auch

    Schlagwörter des Dokuments und Mitwirkende

    Mitwirkende an dieser Seite: Sebastianz, SJW, Michael2402, fscholz
    Zuletzt aktualisiert von: Sebastianz,