Style flexShrink Property

Let the blue DIV element shrink five times more than the rest of the flexible items:

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

Description

The flexShrink property specifies how the item will shrink relative to the rest of the flexible items inside the same container.

Note: If the element is not a flexible item, the flexShrink property has no effect.

Property
flexShrink	Yes	11.0	Yes	9.0	Yes

Return the flexShrink property:

object.style.flexShrink

Set the flexShrink property:

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

Value	Description
number	A number specifying how much the item will shrink relative to the rest of the flexible items. Default value is 0
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

Default Value:	1
Return Value:	A String, representing the flex-shrink property of an element
CSS Version	CSS3

HTML DOM STYLE Reference: flex property

HTML DOM STYLE Reference: flexBasis property

HTML DOM STYLE Reference: flexDirection property

HTML DOM STYLE Reference: flexFlow property

HTML DOM STYLE Reference: flexGrow property

HTML DOM STYLE Reference: flexWrap property