Search within TutorialsPark

CSS3 flex-grow Property


To set how much the item will grow relative to other items


Definition and Notes.

1. The CSS3 flex-grow property is used to specify how much the item will grow relative to other items, when free space is available.

2. The flex grow ratio is expressed as a positive number. It determines how much the item will grow relative to other flex items when free space is distributed.


Syntax:

CSS3 flex-grow property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:



Property Values

Value Description
number A number is used as value.Negative Values are not allowed

Specifications

Specs Value
Name flex-grow
Value <number>
Initial Value 0
Applies to flex items
Javascript syntax object.style.flexGrow="2"
Inherited No
Computed Value as specified.
Browser Support internetexplorer safari firefox opera chrome

Related Examples.