Style flexShrink eigenschap

definitie en gebruik

flexShrink Deze eigenschap bepaalt hoe een item zich ten opzichte van andere elastische items binnen dezelfde container zal krimpen.

opmerking:Als het element geen elastisch item is, flexShrink Eigenschap ongeldig.

Zie ook:

CSS referentiehandleiding:flex-shrink eigenschap

voorbeeld

Laat de blauwe DIV-elementen vijf keer smaller worden dan andere elastische items:

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

Probeer het zelf

syntaxis

Geef de flex-shrink eigenschap terug:

object.style.flexShrink

Stel de flex-shrink eigenschap in:

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

eigenschapswaarde

waarde beschrijving
number een getal dat regelt hoeveel een item ten opzichte van andere elastische items zal krimpen. De standaardwaarde is 0.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inherit deze eigenschap van de ouderlijke element. Raadpleeg inherit.

technische details

standaardwaarde: 1
teruggegeven waarde: een string die de elementen flex-shrink eigenschap.
CSS versie: CSS3

browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ondersteuning 11.0 ondersteuning 9.0 ondersteuning

gerelateerde pagina's

HTML DOM STYLE referentiehandleiding:flex eigenschap

HTML DOM STYLE referentiehandleiding:flexBasis eigenschap

HTML DOM STYLE referentiehandleiding:flexDirection eigenschap

HTML DOM STYLE referentiehandleiding:flexFlow eigenschap

HTML DOM STYLE referentiehandleiding:flexGrow eigenschap

HTML DOM STYLE referentiehandleiding:flexWrap eigenschap