Propiedad Style flexGrow

Definición y uso

flexGrow La propiedad especifica cuánto crecerá el elemento en comparación con otros elementos flexibles dentro del mismo contenedor.

Comentarios:Si el elemento no es un elemento flexible, flexGrow Propiedad no válida.

Vea también:

Manual de Referencia de CSS:flex-grow

Ejemplo

Haga que el elemento DIV azul crezca cinco veces más que otros elementos flexibles:

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

Pruebe usted mismo

Sintaxis

Retornar la propiedad flexGrow:

object.style.flexGrow

Establecer la propiedad flexGrow:

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

Valor de la propiedad

Valor Descripción
number Número que especifica el aumento relativo del elemento en comparación con otros elementos flexibles. El valor predeterminado es 0.
initial Establezca esta propiedad en su valor predeterminado. Vea initial.
inherit Hereda esta propiedad de su elemento padre. Vea inherit.

Detalles técnicos

Valor predeterminado: 0
Valor de retorno: Cadena que representa el flex-grow.
Versión de CSS: CSS3

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Compatibilidad 11.0 Compatibilidad 9.0 Compatibilidad

Páginas Relacionadas

Manual de Referencia de DOM STYLE HTML:flex

Manual de Referencia de DOM STYLE HTML:flexBasis

Manual de Referencia de DOM STYLE HTML:flexDirection

Manual de Referencia de DOM STYLE HTML:flexFlow

Manual de Referencia de DOM STYLE HTML:flexShrink

Manual de Referencia de DOM STYLE HTML:flexWrap