Easy Tutorial
❮ Jsref Pow Met Html Focus ❯

flexWrap Property

Style Object

Example

Allow flexible items to wrap as needed:


Definition and Usage

The flexWrap property specifies whether flex items should wrap or not.

Note: The flexWrap property has no effect if the element is not a flexible item.


Browser Support

Firefox, Opera, and Chrome support the flexWrap property.


Syntax

Return the flexWrap property:

Set the flexWrap property:

Property Values

Value Description
nowrap Default value. Specifies that flex items do not wrap.
wrap Specifies that flex items wrap as needed.
wrap-reverse Specifies that flex items wrap as needed but in reverse order.
initial Sets this property to its default value. See initial
inherit Inherits this property from its parent element. See inherit

Technical Details

Default Value: nowrap
Return Value: A string, representing the flex-wrap property of the element.
--- ---
CSS Version CSS3
--- ---

Related Articles

CSS Reference: flex-wrap Property

HTML DOM STYLE Reference: flex Property

HTML DOM STYLE Reference: flexBasis Property

HTML DOM STYLE Reference: flexDirection Property

HTML DOM STYLE Reference: flexFlow Property

HTML DOM STYLE Reference: flexGrow Property

HTML DOM STYLE Reference: flexShrink Property


Style Object

❮ Jsref Pow Met Html Focus ❯