CSS/Eigenschaften/order

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

Browserunterstützung
caniuse.com

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

Standardwert

0

anwendbar auf

flexible Container

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.

Siehe auch

• CSS/Tutorials/Flexbox/Flex-Container#order
• CSS/Tutorials/Grid

Weblinks

• Spezifikation (W3C): CSS Flexible Box Layout Module Level 1 - order property
• MDN: order
• Details: caniuse.com