CSS order Eigenschaft
Definition und Verwendung
Die order-Eigenschaft legt die Reihenfolge der flexiblen Elemente innerhalb desselben Containers fest.
Anmerkung:Falls das Element kein flexibles Element ist, ist die order-Eigenschaft ungültig.
Weitere Informationen:
CSS Referenzhandbuch:flex-Eigenschaft
CSS Referenzhandbuch:flex-basis-Eigenschaft
CSS Referenzhandbuch:flex-direction-Eigenschaft
CSS Referenzhandbuch:flex-flow-Eigenschaft
CSS Referenzhandbuch:flex-grow-Eigenschaft
CSS Referenzhandbuch:flex-shrink-Eigenschaft
CSS Referenzhandbuch:flex-wrap-Eigenschaft
CSS Referenzhandbuch:align-content-Eigenschaft
CSS Referenzhandbuch:align-items-Eigenschaft
CSS Referenzhandbuch:align-self-Eigenschaft
HTML DOM Referenzhandbuch:order-Eigenschaft
Beispiel
Legen Sie die Reihenfolge der flexiblen Elemente fest:
div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}
CSS-Syntax
order: number|initial|inherit;
Eigenschaftswert
| Wert | Beschreibung |
|---|---|
| number | Standardwert ist 0. Legt die Reihenfolge der flexiblen Elemente fest. |
| initial | Diese Eigenschaft wird auf ihren Standardwert gesetzt. Siehe: initial. |
| inherit | Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe: inherit. |
Technische Details
| Standardwert: | 0 |
|---|---|
| Vererbung: | nein |
| Animationserstellung: | Unterstützt. Bitte参阅单独的属性。请参阅：Animationseigenschaften. |
| Version: | CSS3 |
| JavaScript-Syntax: | object.style.order="2" |
Browser-Unterstützung
Die in der Tabelle genannten Zahlen beziehen sich auf die erste Browserversion, die die Eigenschaft vollständig unterstützt.
Die Zahlen in der Tabelle beziehen sich auf die erste Browserversion, die die Eigenschaft vollständig unterstützt. Die Nummerierung folgt den Präfixen -webkit- oder -moz-.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
|
29.0 21.0 -webkit- |
11.0 |
28.0 18.0 -moz- |
9.0 6.1 -webkit- |
17.0 |
