Referenz:CSS/Eigenschaften/order

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft order CSS 3.0
Beschreibung legt im Flexible Box Layout die Reihenfolge eines Flex Items unabhängig von ihrem Auftreten im Code fest.
erlaubte Werte
  • Ganzzahlige Zahl: Sie können entweder eine Reihenfolge für alle Flex Items festlegen, oder ein Element mit einem negativen Wert order: -1; ganz nach vorne positionieren.
  • initial
  • inherit
default-Wert

0

anwendbar auf flexible Container (Unterschied Tag Element Attribut)
Vererbung nein
animierbar nein
Browsersupport
  • Chrome
  • Firefox
  • IE 11
  • Opera
  • Safari
Spezifikation W3c logo klein.gif order property
Beispiel
section {
  display: flex;
  justify-content: space-between;
}
 
.ausnahme {
  order: -1;
}

Im Beispiel wird einer Section die Eigenschaft flex zugewiesen. Der Klassenselektor .ausnahme erhält die Eigenschaft order: -1; zugewiesen. Kindelemente einer Section, die dieser Klasse zugehören, würden im Elementfluss innerhalb ihres Elternelementes nun ganz nach vorne verschoben werden.

Beachten Sie
Tipp

{{{Tipp}}}