flex-grow property CSS Reference

Definition and Usage

The CSS flex-grow property specifies the flex grow factor of a flex item.

• Initial 0
• Applies to flex items, including in-flow pseudo-elements
• Inherited no
• Media visual
• Computed Value as specified
• Animatable yes, as a number, except between 0 and other values
• Canonical order the unique non-ambiguous order defined by the formal grammar

Syntax

Formal syntax: <number>

flex-grow: 3
flex-grow: inherit

Values

<number>

See <number>. Negative values are invalid.

Examples

element {
  flex-grow: 3;
}

Compatibility

Desktop browsers

Mobile browsers