YouTip

# Style flexFlow Property [ Style Object](#) ## Example Make flexible items display in columns without wrapping: document.getElementById("main").style.flexFlow="column nowrap"; [Try it »](#) * * * ## Definition and Usage The flexFlow property is a shorthand property for the flexDirection and flexWrap properties. The flexDirection property specifies the direction of flexible items. The flexWrap property specifies whether flexible items should wrap or not. **Note:** If the element is not a flexible item, the flexFlow property has no effect. * * * ## Browser Support  Firefox, Opera, and Chrome support the flexFlow property. * * * ## Syntax Return the flexFlow property: _object_.style.flexFlow Set the flexFlow property: _object_.style.flexFlow="_flex-direction_ _flex-wrap_|initial|inherit" ## Property Values | Value | Description | | --- | --- | | _flex-direction_ | Possible values: row row-reverse column column-reverse initial inherit Default value is "row". Specifies the direction of flexible items. | | _flex-wrap_ | Possible values: nowrap wrap wrap-reverse initial inherit Default value is "nowrap". Specifies whether flexible items should wrap or not. | | initial | Sets this property to its default value. See (#). | | inherit | Inherits this property from its parent element. See (#). | ## Technical Details | Default Value: | row nowrap | | --- | | Return Value: | A string representing the flex-flow property of an element. | | CSS Version | CSS3 | * * * ## CSS Reference Manual: (#) HTML DOM STYLE Reference Manual: (#) HTML DOM STYLE Reference Manual: (#) HTML DOM STYLE Reference Manual: (#) HTML DOM STYLE Reference Manual: (#) HTML DOM STYLE Reference Manual: (#) HTML DOM STYLE Reference Manual: (#)