Stijl flexShrink Eigenschap
Voorbeeld
Laat het blauwe DIV-element vijf keer meer krimpen dan de rest van de flexibele items:
document.getElementById("myBlueDiv".style.flexShrink = "5";
Definitie en gebruik
De eigenschap flexShrink geeft aan hoe het item zal krimpen ten opzichte van de rest van de flexibele items in dezelfde container.
Opmerking: Als het element geen flexibel item is, heeft de eigenschap flexShrink geen effect.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
flexShrink | Yes | 11.0 | Yes | 9.0 | Yes |
Syntaxis
Retourneer de eigenschap flexShrink:
object.style.flexShrink
Stel de eigenschap flexShrink in:
object.style.flexShrink = "number|initial|inherit"
Eigendomswaarden
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 |
Technische details
Standaardwaarde: | 1 |
---|---|
Winstwaarde: | Een String, die de eigenschap flex-shrink van een element vertegenwoordigt |
CSS-versie | CSS3 |
Gerelateerde pagina's
CSS-referentie: eigenschap flex-shrink
HTML DOM STYLE Referentie: flex eigenschap
HTML DOM STYLE Referentie: flexBasis eigenschap
HTML DOM STYLE Referentie: flexDirection eigenschap
HTML DOM STYLE Referentie: flexFlow eigenschap
HTML DOM STYLE Referentie: flexGrow eigenschap
HTML DOM STYLE Referentie: flexWrap eigenschap
❮ Stijlobject