Latest web development tutorials

HTML DOM propiedad Estilo flexShrink

Estilo de referencia de objetos Objetos de estilo

Ejemplos

Deje que el elemento DIV azul se reducen a una quinta parte de otro proyecto flexibles:

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

Trate »

Definición y Uso

flexShrink atributo especifica el proyecto será flexible con respecto a otros elementos de la misma contracción del volumen del envase.

Nota: Si elelemento no está elementos flexibles, propiedad flexShrink no funciona.


Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Firefox, Opera y Chrome soportan la propiedad flexShrink.


gramática

Volver propiedades flexShrink:

object .style.flexShrink

Configuración de las propiedades flexShrink:

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

propiedad Valor

描述
number 一个数字,规定项目将相对于其他灵活的项目进行收缩的量。默认值是 0。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

detalles técnicos

Por defecto: 1
Devuelve: Cadena que representa el elemento de retracción de la flexión de atributos.
versión CSS CSS3


Artículos relacionados

CSS Reference Manual: Flex-Shrink propiedad

HTML DOM estilo de referencia: Propiedades Flex

HTML DOM estilo de referencia: la propiedad flexBasis

HTML DOM estilo de referencia: la propiedad flexDirection

HTML DOM estilo de referencia: la propiedad FlexFlow

HTML DOM estilo de referencia: la propiedad flexGrow

HTML DOM estilo de referencia: la propiedad FlexWrap


Estilo de referencia de objetos Objetos de estilo