/

HTML / CSS / JavaScript Tutorial

CSS Property: flex-grow

[this page | pdf | back links]

The CSS (CSS3) flex-grow property indicates how much an element will grow relative to the rest of the flexible items in a container. If an element is not a flexible element then this property has no effect.

 

Valid property values (other than inherit and initial) are:

 

Value

Description

number

Specifies how much an item will grow relative to rest of flexible items

 

Default Value:

0

JavaScript syntax:

e.g. object.style.flexGrow="4"

Inherited:

No

Animatable:

Yes

 


NAVIGATION LINKS
Contents | Prev | Next | CSS Properties


Desktop view | Switch to Mobile