Exemplo
Deixe o elemento DIV azul crescer cinco vezes mais larga do que o resto dos itens flexíveis:
document.getElementById("myBlueDiv".style.flexGrow = "5";
Tente você mesmo " Definição e Uso
A propriedade flexGrow especifica o quanto o item vai crescer em relação ao resto dos itens flexíveis dentro do mesmo recipiente.
Note: Se o elemento não é um item flexível, a propriedade flexGrow não tem efeito.
Suporte navegador
A propriedade flexGrow é suportado no IE10 +, Firefox, Opera e Chrome.
Nota: Safari 6.1+ suporta uma alternativa, a propriedade WebkitFlexGrow.
Sintaxe
Devolver o imóvel flexGrow:
object .style.flexGrow
Defina a propriedade flexGrow:
object .style.flexGrow=" Valores de propriedade Valor Descrição number Um número que especifica o quanto o item vai crescer em relação ao resto dos itens flexíveis. O valor padrão é 0 initial Define essa propriedade para seu valor padrão. Leia sobre inicial inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar
Detalhes técnicos
Valor padrão: 0 Valor de retorno: A String, que representa a propriedade de flex-crescem de um elemento CSS Versão CSS3
Páginas relacionadas
Referência CSS: flex-grow property
HTML DOM estilo de referência: flex property
HTML DOM estilo de referência: flexBasis property
HTML DOM estilo de referência: flexDirection property
HTML DOM estilo de referência: flexFlow property
HTML DOM estilo de referência: flexShrink property
HTML DOM estilo de referência: flexWrap property
<Estilo de objeto