CSS/Eigenschaften/order

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Der Titel dieses Artikels ist mehrdeutig. Im SVG Filter Effects Module gibt es ein gleichnamiges order-Attribut.



Die Eigenschaft order legt im Flexible Box Layout die Reihenfolge eines Flex-Items unabhängig von ihrem Auftreten im Code fest..

erlaubte Werte
  • eine ganze Zahl: Sie können entweder eine Reihenfolge für alle Flex-Items festlegen, oder ein Element mit einem negativen Wert ganz nach vorne positionieren.
  • Vererbung steuernde Werte inherit, initial, unset und revert
  • Defaultwert: 0
anwendbar auf flexible Container (Unterschied Tag Element Attribut)
Browsersupport Details: caniuse.com
Vererbung nein
animierbar nein
Beispiel
section {
  display: flex;
  justify-content: space-between;
}
 
.ausnahme {
  order: -1;
}
Elemente der Klasse ausnahme werden im Elementfluss innerhalb ihres Elternelementes ganz nach vorn verschoben.

Weblinks

Siehe auch