Style flexDirection Eigenschaft

Definition und Verwendung

flexDirection Eigenschaft setzt oder gibt die Richtung des Elastikelements zurück.

Anmerkung:Wenn das Element kein Elastikelement ist, dann flexDirection Eigenschaft ungültig.

Weitere Informationen:

CSS Referenzhandbuch:flex-direction Eigenschaft

Beispiel

Die Richtung der Elastikobjekte im <div>-Element neu anordnen:

document.getElementById("main").style.flexDirection = "column-reverse";

Probieren Sie es selbst aus

Syntax

Rückgabe der Eigenschaft flexDirection:

object.style.flexDirection

Setzen Sie die Eigenschaft flexDirection:

object.style.flexDirection = "row|row-reverse|column|column-reverse|initial|inherit"

Eigenschaftswert

Wert Beschreibung
row Standardwert. Elastische Elemente horizontal angezeigt, als eine Zeile.
row-reverse Wie row, aber in umgekehrter Reihenfolge.
column Elastische Elemente vertikal angezeigt, als eine Spalte.
column-reverse Wie column, aber in umgekehrter Reihenfolge.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem Elternelement erben. Siehe inherit.

Technische Details

Standardwert: row
Rückgabewert: Zeichenkette, die die flex-direction Eigenschaft.
CSS-Version: CSS3

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste vollständige Unterstützung der Eigenschaft durch den Browser an.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung 11.0 Unterstützung 9.0 Unterstützung

Verwandte Seiten

HTML DOM STYLE Referenzhandbuch:flex Eigenschaft

HTML DOM STYLE Referenzhandbuch:flexBasis 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