Style order Eigenschaft

Definition und Verwendung

order Diese Eigenschaft legt die Reihenfolge der Flex-Elemente innerhalb desselben Containers gegenüber den anderen Flex-Elementen fest.

Anmerkung:wenn das Element kein Flex-Element ist, dann order Eigenschaft ungültig.

Weitere Informationen:

CSS Referenzhandbuch:order Eigenschaft

Beispiel

Setzen Sie die Reihenfolge der Flex-Elemente:

document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";

Probieren Sie es selbst aus

Syntax

order Eigenschaft zurückgeben:

object.style.order

order Eigenschaft setzen:

object.style.order = "number|initial|inherit"

Eigenschaftswert

Wert Beschreibung
number Standardwert 0. Bestimmt die Reihenfolge der Flex-Elemente.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem Elternlement erben. Siehe inherit.

Technische Details

Standardwert: 0
Rückgabewert: Zeichenkette, die den order Eigenschaft.
CSS-Version: CSS3

Browser-Unterstützung

Die Zahlen in der Tabelle verweisen auf die erste Version des Browsers, die diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung 12.0 Unterstützung Unterstützung Unterstützung

zusammenhängende Seiten

HTML DOM STYLE Referenzhandbuch:alignContent Eigenschaft

HTML DOM STYLE Referenzhandbuch:alignItems Eigenschaft

HTML DOM STYLE Referenzhandbuch:alignSelf Eigenschaft

HTML DOM STYLE Referenzhandbuch:flex Eigenschaft

HTML DOM STYLE Referenzhandbuch:flexBasis Eigenschaft

HTML DOM STYLE Referenzhandbuch:flexDirection-Eigenschaft

HTML DOM STYLE Referenzhandbuch:flexFlow-Eigenschaft

HTML DOM STYLE Referenzhandbuch:flexGrow-Eigenschaft

HTML DOM STYLE Referenzhandbuch:flexShrink-Eigenschaft

HTML DOM STYLE Referenzhandbuch:flexWrap-Eigenschaft