Los últimos tutoriales de desarrollo web
 

Style flexShrink Property

<Estilo de objeto

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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