flex-flow

Summary

Die Kurzschreibweise flex-flow fasst die Eigenschaften flex-direction (en-US) und flex-wrap zusammen.

Initialwertwie die jeweiligen Kurzschreibweisen:
Anwendbar aufflexible Container
VererbtNein
Berechneter Wertwie die jeweiligen Kurzschreibweisen:
Animationstypdiskret

Siehe Using CSS flexible boxes für mehr Information.

Syntax

<'flex-direction'> (en-US) || <'flex-wrap'>

Werte

Siehe flex-direction und flex-wrap.

Beispiele

element {
  /* Main-axis is the block direction with reversed main-start and main-end. Flex items are laid out in multiple lines */
  flex-flow: column-reverse wrap;
}

Spezifikation

Spezifikation Status Anmerkung
CSS Flexible Box Layout Module Anwärter Empfehlung  

Browser Kompatibilität

BCD tables only load in the browser

Siehe auch