The flex-flow CSS property is shorthand for flex-direction and flex-wrap.
object.style.flexFlow = "value";
<'flex-flow'> = <'flex-direction'> || <'flex-wrap'>
<'flex-direction'> = column | column-reverse | row | row-reverse
Specifies how flex items are placed in the flex container by setting the direction of the flex container's main axis.
The flex container's main axis has the same orientation as the block axis of the current writing mode.
The same as column except the main-start and main-end directions are swapped.
The flex container's main axis has the same orientation as the inline axis of the current writing mode.
The same as row except the main-start and main-end directions are swapped.
<'flex-wrap'> = nowrap | wrap | wrap-reverse
Controls whether the flex container is single-line or multi-line and the direction of the cross-axis which determines the direction new lines are stacked in.
The flex container is single-line.
The flex container is multi-line.
The same as wrap except the cross-start and cross-end directions are swapped.
flex-direction | column
flex-direction | column-reverse
flex-direction | row
flex-direction | row-reverse
flex-wrap | nowrap
flex-wrap | wrap
flex-wrap | wrap-reverse
© 2021 Osbo Design