CSS flex-grow attributes of the Flexible elastic box model, flexibleflex-grow

CSS flex-grow attributes of the Flexible elastic box model, flexibleflex-grow
Instance

Make the second element three times the width of other elements:

1. Div: nth-of-type (1) {flex-grow: 1 ;}
2. Div: nth-of-type (2) {flex-grow: 3 ;}
3. Div: nth-of-type (3) {flex-grow: 1 ;}

Browser support for copying preview results

The number in the table indicates the version number of the first browser that supports this attribute.

The number following-webkit-,-ms-, or-moz-is the first version that supports this prefix attribute.

Definition and usage

The flex-grow attribute is used to set or retrieve the extended ratio of an Elastic box ..

NOTE: If an element is not an element of an Elastic box object, the flex-grow attribute does not work.

Default Value:	0
Inheritance:	No
Animations:	Yes. SeeCSS3 animation attributes and CSS3 animation instances. Effect Preview
Version:	CSS3
JavaScript Syntax:	Object. Style. flexGrow = "5" effect Preview

 

CSS syntax flex-grow: Number| Initial | inherit; Attribute Value

Value	Description
Number	A number that specifies the number of projects that will be extended for other flexible projects. The default value is 0.
Initial	Set this property to its default value. SeeInitial.
Inherit	This attribute is inherited from the parent element. SeeInherit.