tutoriais mais recente desenvolvimento web
 

Style flexGrow Property

<Estilo de objeto

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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