Propriedade Style flexGrow

Definição e uso

flexGrow A propriedade define quanto o item vai crescer em relação aos outros itens flexíveis dentro do mesmo contêiner.

Nota:Se o elemento não for um item flexível, então flexGrow Propriedade inválida.

Veja também:

Manual de referência CSS:flex-grow

Exemplo

Faça o DIV azul crescer cinco vezes mais que outros itens flexíveis:

document.getElementById("myBlueDiv").style.flexGrow = "5";

Experimente você mesmo

Sintaxe

Retornar a propriedade flexGrow:

object.style.flexGrow

Definir a propriedade flexGrow:

object.style.flexGrow = "number|initial|inherit"

Valor da propriedade

Valor Descrição
number Número, que define o incremento do item em relação aos outros itens flexíveis. O valor padrão é 0.
initial Defina essa propriedade para seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: 0
Retorno: String que representa o flex-grow.
Versão do CSS: CSS3

Suporte do navegador

Os números na tabela indicam a versão do navegador que suporta completamente essa propriedade.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte 11.0 Suporte 9.0 Suporte

Páginas relacionadas

Manual do DOM STYLE HTML:flex

Manual do DOM STYLE HTML:flexBasis

Manual do DOM STYLE HTML:flexDirection

Manual do DOM STYLE HTML:flexFlow

Manual do DOM STYLE HTML:flexShrink

Manual do DOM STYLE HTML:flexWrap