Style flex Wrap Property

Style flex Wrap Property


Style flex-wrap property
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
 
property
 
chrome
 
firefox
 
microsoft edge
 
Opera
 
flex-wrap
 
29.0 
21.0-webkit-
 
28.0
18.0-moz-
 
11.0
 
17.0
 
Syntax
flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;
Example
Output
 
Property Values
 
Value
 
Description
 
nowrap
 
Default value. Specifies that the flexible items will not wrap
 
wrap
 
Specifies that the flexible item will wrap if necessary.
 
wrap-reverse
 
Specifies that the flexible items will wrap, if necessary, in reverse order
 
initial
 
Set this property to its default value.
 
inherit
 
Inherits this property from its parent element.
 
Technical Details
 
Default value:
 
nowrap
 
Version:
 
CSS3
 
inherited
 
No
 
Animatable
 
No
 
JavaScript syntax:
 
object.style.flexWrap="nowrap"