Los últimos tutoriales de desarrollo web
 

Style flexGrow Property

<Estilo de objeto

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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