Style flexFlow Eigenschaft

Definition und Verwendung

flexFlow Eigenschaft ist flexDirection und flexWrap Kurzschreibweise der Eigenschaft.

flexDirection Diese Eigenschaft definiert die Richtung der flexiblen Elemente.

flexWrap Diese Eigenschaft definiert, ob die flexiblen Elemente umgebrochen werden sollen.

Anmerkung:Wenn das Element kein flexibles Element ist, dann flexFlow Eigenschaft ungültig.

Weitere Informationen:

CSS Referenzhandbuch:flex-flow Eigenschaft

Beispiel

Zeige die flexiblen Elemente in Spalten an und breche nicht um:

document.getElementById("main").style.flexFlow = "column nowrap";

Versuchen Sie es selbst

Syntax

Rückgabe der Eigenschaft flexFlow:

object.style.flexFlow

Setzen Sie die Eigenschaft flexFlow:

object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"

Eigenschaftswert

Wert Beschreibung
flex-direction

Mögliche Werte:

  • row
  • row-reverse
  • column
  • column-reverse
  • initial
  • inherit

Der Standardwert ist "row".

Definiert die Richtung der flexiblen Elemente.
flex-wrap

Mögliche Werte:

  • nowrap
  • wrap
  • wrap-reverse
  • initial
  • inherit

Der Standardwert ist "nowrap".

Definiert, ob die flexiblen Elemente umgebrochen werden sollen.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem Elternelement erben. Siehe inherit.

Technische Details

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

Browser-Unterstützung

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

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

Verwandte Seiten

HTML DOM STYLE Referenzhandbuch:flex Eigenschaft

HTML DOM STYLE Referenzhandbuch:flexBasis Eigenschaft

HTML DOM STYLE Referenzhandbuch:flexDirection Eigenschaft

HTML DOM STYLE Referenzhandbuch:flexGrow Eigenschaft

HTML DOM STYLE Referenzhandbuch:flexShrink Eigenschaft

HTML DOM STYLE Referenzhandbuch:flexWrap Eigenschaft