Example

A simple flex-flow property example:

Laboratory

description & Usage

The flex-flow property is a shorthand property for:

flex-direction
flex-wrap

which are used for flexible, floating, etc. elements.

Informations

# Description
Default Value row nowrap
Inherited no
Animatable no
Version CSS3
JavaScript syntax object.style.flexFlow="column nowrap"

Browser compatibility and Support

# Chrome Edge Firefox Safari Opera
flex-flow

Syntax

Values

Values Description
flex-direction Related Values: row row-reverse column column-reverse initial inherit
flex-wrap Related Values: nowrap wrap wrap-reverse initial inherit
initial Adds this value to its default property.
inherit It inherits this value from its parent tag.