Style flexShrink egenskab

Definition og brug

flexShrink Egenskaben bestemmer, hvordan et element skal kontrahere i forhold til andre elastiske elementer i samme container.

Kommentar:hvis elementet ikke er et elastisk element, flexShrink Egenskaben er ikke gyldig.

Se også:

CSS referencemanual:flex-shrink egenskab

Eksempel

Lad den blå DIV elementet kontrahere fem gange så meget som andre elastiske elementer:

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

Prøv det selv

Syntaks

Returner flexShrink egenskab:

object.style.flexShrink

Indstil flexShrink egenskab:

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

Egenskabsværdi

Værdi Beskrivelse
number tal, der bestemmer hvor meget elementet skal kontrahere i forhold til andre elastiske elementer. Standardværdien er 0.
initial Sæt denne egenskab til dens standardværdi. Se initial.
inherit Arve denne egenskab fra sin forældrelement. Se inherit.

Tekniske detaljer

Standardværdi: 1
Returværdi: streng, der repræsenterer elementets flex-shrink egenskab.
CSS version: CSS3

Browser understøttelse

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter denne egenskab.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
understøttelse 11.0 understøttelse 9.0 understøttelse

relaterede sider

HTML DOM STYLE referencemanual:flex egenskab

HTML DOM STYLE referencemanual:flexBasis egenskab

HTML DOM STYLE referencemanual:flexDirection egenskab

HTML DOM STYLE referencemanual:flexFlow egenskab

HTML DOM STYLE referencemanual:flexGrow egenskab

HTML DOM STYLE referencemanual:flexWrap egenskab