Ejemplo
Deje que el elemento DIV azul reducir cinco veces más que el resto de los elementos flexibles:
document.getElementById("myBlueDiv".style.flexShrink = "5";
Inténtalo tú mismo " Definición y Uso
La propiedad flexShrink especifica cómo el artículo se reducirá 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 flexShrink no tiene ningún efecto.
Soporte del navegador
La propiedad flexShrink se apoya en IE10 +, Firefox, Opera y Chrome.
Nota: Safari 6.1+ soporta una alternativa, la propiedad WebkitFlexShrink.
Sintaxis
Devolver la propiedad flexShrink:
object .style.flexShrink
Establecer la propiedad flexShrink:
object .style.flexShrink=" Valores de propiedad Valor Descripción number Un número que especifica hasta qué punto el tema se reducirá 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: 1 Valor de retorno: Una cadena, que representa la propiedad de la flexión de contracción de un elemento Versión CSS CSS3
Páginas relacionadas
Referencia CSS: flex-shrink 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: flexGrow property
HTML DOM estilo de referencia: flexWrap property
<Estilo de objeto