Definición de .flex-grow en CSS
La propiedad .flex-grow es una subproperiedad del módulo de diseño de caja flexible.
Caso de uso : propiedad CSS flex-grow
Esta propiedad de CSS se utiliza de esta forma:
.element {
flex-grow: 2;
}Otro ejemplo más avanzado de .flex-grow es el siguiente de CODEPEN:
Sintaxis de .flex-grow en CSS
flex-grow: number|initial|inherit;Valores
| Valor | Descripción | Juegalo |
|---|---|---|
| número | Un número que especifica cuánto crecerá el artículo en relación con el resto de los artículos flexibles. El valor predeterminado es 0 | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .flex-grow
Los números de la tabla detallan la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| flex-shrink | 29.0 21.0 -webkit- | 11.0 | 28.0 18.0 -moz- | 9.0 6.1 -webkit- | 17.0 |
