CSS/Eigenschaften/order

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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