flex-flow

Summary

Die Kurzschreibweise flex-flow fasst die Eigenschaften flex-direction und flex-wrap zusammen.

Initialwertwie die jeweiligen Kurzschreibweisen:
Anwendbar aufflexible Container
VererbtNein
Medienvisuell
Berechneter Wertwie die jeweiligen Kurzschreibweisen:
AnimierbarNein
Kanonische ReihenfolgeReihenfolge des Auftretens in der formalen Grammatik der Werte

Siehe Using CSS flexible boxes für mehr Information.

Syntax

<'flex-direction'> || <'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 Last Call Working Draft  

Browser Kompatibilität

Feature Firefox (Gecko) Chrome Internet Explorer Opera Safari
Basic support Nicht unterstützt [1] 21.0-webkit Nicht unterstützt 12.10 Nicht unterstützt
Feature Firefox Mobile (Gecko) Android IE Phone Opera Mobile Safari Mobile
Basic support Nicht unterstützt [1] ? Nicht unterstützt 12.10 Nicht unterstützt

[1] Firefox supports only single-line flexbox (see Bug 702508).

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

 Mitwirkende an dieser Seite: fscholz, Sebastianz, SJW
 Zuletzt aktualisiert von: fscholz,