CSS flex-shrink egenskab
Definisjon og bruk
flex-shrink-egenskapen er festet i samme container, mengden kontraksjon av elementet i forhold til de andre fleksible elementene.
Kommentarer:Hvis elementet ikke er et fleksibelt element, er flex-egenskapen ugyldig.
Se også:
CSS-læreplan: CSS fleksible rammer
CSS referansehåndbok:flex-egenskapen
CSS referansehåndbok:flex-basis-egenskapen
CSS referansehåndbok:flex-direction-egenskapen
CSS referansehåndbok:flex-flow-egenskapen
CSS referansehåndbok:flex-grow-egenskapen
CSS referansehåndbok:flex-wrap-egenskapen
HTML DOM referansehåndbok:flexShrink-egenskapen
Eksempel
La den andre fleksible elementet kontrahere tre ganger så mye som de andre elementene:
div:nth-of-type(2) {
flex-shrink: 3;
}
CSS syntaks
flex-shrink: number|initial|inherit;
Egenskapsverdi
| Verdi | Beskrivelse |
|---|---|
| number | Tall, som definerer mengden kontraksjon av elementet i forhold til andre fleksible elementer. Standardverdien er 1. |
| initial | Sett denne egenskapen til standardverdien. Se: initial. |
| inherit | Arv denne egenskapen fra foreldreelementet. Se: inherit. |
Tekniske detaljer
| Standardverdi: | 1 |
|---|---|
| Arv: | Nei |
| Animering: | Støttet. Se:Animasjonsrelaterte egenskaper. |
| Versjon: | CSS3 |
| JavaScript syntaks: | object.style.flexShrink="5" |
Nettleserstøtte
Tallene i tabellen viser den første nettleserversjonen som fullt ut støtter egenskapen.
Tallene i tabellen angiver den første nettleserversjonen som støtter egenskapen med prefikset -webkit- eller -moz-.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 29.0 21.0 -webkit- |
11.0 | 28.0 18.0 -moz- |
9.0 6.1 -webkit- |
17.0 |
