Style flexShrink egenskap

Definition och användning

flexShrink Egenskapen specificerar hur objektet kommer att minska jämfört med andra elastiska objekt inom samma container.

Kommentar:Om elementet inte är ett elastiskt objekt: flexShrink Egenskapen är ogiltig.

Se också:

CSS referenshandbok:flex-shrink egenskap

Exempel

Låt den blå DIV-elementet minska fem gånger mer än andra elastiska objekt:

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

Prova själv

Syntax

Returnera flex-shrink egenskap:

object.style.flexShrink

Ställ in flex-shrink egenskap:

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

Egenskapsvärde

Värde Beskrivning
number Nummer som anger hur mycket objektet kommer att minska jämfört med andra elastiska objekt. Standardvärdet är 0.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Inheritera denna egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: 1
Returvärde: Sträng som anger elementets flex-shrink egenskap.
CSS version: CSS3

Webbläsarstöd

Tal i tabellen anger den första webbläsarens version som helt stöder denna egenskap.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stödjer 11.0 Stödjer 9.0 Stödjer

Relaterade sidor

HTML DOM STYLE referenshandbok:flex egenskap

HTML DOM STYLE referenshandbok:flexBasis egenskap

HTML DOM STYLE referenshandbok:flexDirection egenskap

HTML DOM STYLE referenshandbok:flexFlow egenskap

HTML DOM STYLE referenshandbok:flexGrow egenskap

HTML DOM STYLE referenshandbok:flexWrap egenskap