Easy Tutorial
❮ Event Onpagehide Met Document Normalize ❯

flexGrow Property

Style Object

Example

Make the blue DIV element expand five times more than other flexible items:


Definition and Usage

The flexGrow property specifies how much the item will grow relative to the rest of the flexible items inside the same container.

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


Browser Support

Firefox, Opera, and Chrome support the flexGrow property.


Syntax

Return the flexGrow property:

Set the flexGrow property:

Property Values

Value Description
number A number specifying how much the item will grow relative to the rest of the flexible items. The default value is 0.
initial Sets this property to its default value. See initial
inherit Inherits this property from its parent element. See inherit

Technical Details

Default value: 0
Return value: String, representing the flex-grow property of the element.
--- ---
CSS version CSS3
--- ---

Related Articles

CSS Reference: flex-grow 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: flexShrink Property

HTML DOM STYLE Reference: flexWrap Property


Style Object

❮ Event Onpagehide Met Document Normalize ❯