YouTip

# HTML DOM Style flexGrow Property [ Style Object](#) ## Example Make the blue DIV element expand to five times the size of other flexible items: document.getElementById("myBlueDiv").style.flexGrow = "5"; [Try it yourself »](#) * * * ## Definition and Usage The flexGrow property specifies how much the item will grow relative to other flexible items inside the same container. **Note:** If the element is not a flexible item, the flexGrow property has no effect. * * * ## Browser Support  Firefox, Opera, and Chrome support the flexGrow property. * * * ## Syntax Return the flexGrow property: _object_.style.flexGrow Set the flexGrow property: _object_.style.flexGrow = "_number_|initial|inherit" ## Property Values | Value | Description | | --- | --- | | _number_ | A number that specifies how much the item will grow relative to other flexible items. The default value is 0. | | initial | Sets this property to its default value. Read about _initial_. | | inherit | Inherits this property from its parent element. Read about _inherit_. | ## Technical Details | Default value: | 0 | | --- | | Return value: | A string, representing the flex-grow property of an element. | | CSS version | CSS3 | * * * ## Related Articles CSS Reference: (#) HTML DOM STYLE Reference: (#) HTML DOM STYLE Reference: (#) HTML DOM STYLE Reference: (#) HTML DOM STYLE Reference: (#) HTML DOM STYLE Reference: (#) HTML DOM STYLE Reference: (#) * * Style Object](#)