Atributo Style flexShrink

Definición y uso

flexShrink El atributo especifica cómo el elemento se contraerá en comparación con otros elementos flexibles dentro del mismo contenedor.

Comentarios:Si el elemento no es un elemento flexible, flexShrink Atributo no válido.

Vea también:

Manual de Referencia de CSS:flex-shrink

Ejemplo

Haga que el elemento DIV azul sea cinco veces más pequeño que otros elementos flexibles:

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

Pruebe usted mismo

Sintaxis

Devolver el atributo flexShrink:

object.style.flexShrink

Configurar el atributo flexShrink:

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

Valor del atributo

Valor Descripción
number Número que especifica cuánto se contraerá el elemento en comparación con otros elementos flexibles. El valor predeterminado es 0.
initial Establezca este atributo en su valor predeterminado. Vea initial.
inherit Hereda este atributo de su elemento padre. Vea inherit.

Detalles técnicos

Valor predeterminado: 1
Valor devuelto: Cadena que representa el flex-shrink.
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 STYLE DOM HTML:flex

Manual de Referencia de STYLE DOM HTML:flexBasis

Manual de Referencia de STYLE DOM HTML:flexDirection

Manual de Referencia de STYLE DOM HTML:flexFlow

Manual de Referencia de STYLE DOM HTML:flexGrow

Manual de Referencia de STYLE DOM HTML:flexWrap