Ejemplo
Deje que el elemento DIV azul crezca cinco veces más ancha que el resto de los elementos flexibles:
document.getElementById("myBlueDiv".style.flexGrow = "5";
Inténtalo tú mismo " Definición y Uso
La propiedad flexGrow especifica la cantidad del elemento crecerá en relación con el resto de los elementos flexibles en el interior del mismo contenedor.
Note: Si el elemento no es un elemento de flexibilidad, la propiedad flexGrow no tiene ningún efecto.
Soporte del navegador
La propiedad flexGrow se apoya en IE10 +, Firefox, Opera y Chrome.
Nota: Safari 6.1+ soporta una alternativa, la propiedad WebkitFlexGrow.
Sintaxis
Devolver la propiedad flexGrow:
object .style.flexGrow
Establecer la propiedad flexGrow:
object .style.flexGrow=" Valores de propiedad Valor Descripción number Un número que especifica la cantidad del elemento crecerá en relación con el resto de los elementos flexibles. El valor por defecto es 0 initial Establece esta propiedad a su valor por defecto. Lea acerca inicial inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar
Detalles técnicos
Valor por defecto: 0 Valor de retorno: Una cadena, que representa la propiedad de flexión a crecer de un elemento Versión CSS CSS3
Páginas relacionadas
Referencia CSS: flex-grow property
HTML DOM estilo de referencia: flex property
HTML DOM estilo de referencia: flexBasis property
HTML DOM estilo de referencia: flexDirection property
HTML DOM estilo de referencia: flexFlow property
HTML DOM estilo de referencia: flexShrink property
HTML DOM estilo de referencia: flexWrap property
<Estilo de objeto