CSS/Eigenschaften/order

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

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

Siehe auch

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