CSS/Eigenschaften/clear

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft clear clear-Eigenschaft legt fest, ob ein Blockelement nur von nach links floatenden, nur von nach rechts floatenden oder von keinen floatenden Elementen verdeckt werden darf..

erlaubte Werte
  • left = Erzwingt bei float:left die Fortsetzung unterhalb
  • right = Erzwingt bei float:right die Fortsetzung unterhalb
  • both = Erzwingt in jedem Fall die Fortsetzung unterhalb
  • none = Erzwingt keine Fortsetzung unterhalb (Normaleinstellung)
  • inherit = erbt den clear-Wert des Elternelements
  • Vererbung steuernde Werte inherit, initial, unset und revert
  • Defaultwert: none
anwendbar auf alle Block-Elemente (Unterschied Tag Element Attribut)
Browsersupport Details: caniuse.com
Vererbung nein
animierbar nein
Beispiel
aside {
  float: right;
  clear: right;
}
Das aside-Element wird rechts gefloatet. Dieses Float wird mit clear: right wieder aufgehoben.
Empfehlung: Zum besseren Verständnis wird das Studium des Artikels zum Box-Modell empfohlen.

Weblinks

Siehe auch