Search within TutorialsPark

CSS3 flex-flow Property


To specify both flex-direction and flex-wrap


Definition and Notes.

1. The CSS3 flex-wrap property is a shorthand to set both flex-direction and flex-wrap in a single declaration.


Syntax:

CSS flex-flow property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note- Wrap-reverse value makes the cross-axis run in direction opposite of wrap.

Property Values

Value Description
<flex-direction> To specify the main-axis and how the items are laid out(i.e rows or columns)
<flex-wrap> To control whether the containers allow multiple rows or columns

Specifications

Specs Value
Name flex-flow
Value <flex-direction> || <flex-wrap>
Initial Value see Individual Properties
Applies to flex containers
Javascript syntax object.style.flexFlow=" column wrap"
Inherited No
Computed Value Same as declared value.
Browser Support internetexplorer safari firefox opera chrome

Related Examples.