CSS flex-shrink egenskap
Definition och användning
flex-shrink egenskapen är fast i samma behållare, projektets minskning i förhållande till övriga elastiska projekt.
Kommentar:Om elementet inte är ett elastiskt projekt är flex egenskapen ogiltig.
Se också:
CSS tutorial: CSS elastisk låda
CSS referenshandbok:flex egenskap
CSS referenshandbok:flex-basis egenskap
CSS referenshandbok:flex-direction egenskap
CSS referenshandbok:flex-flow egenskap
CSS referenshandbok:flex-grow egenskap
CSS referenshandbok:flex-wrap egenskap
HTML DOM referenshandbok:flexShrink egenskap
Exempel
Låt den andra elastiska projektet minskas tre gånger mer än övriga projekt:
div:nth-of-type(2) {
flex-shrink: 3;
}
CSS syntax
flex-shrink: number|initial|inherit;
Egenskapsvärde
| Värde | Beskrivning |
|---|---|
| number | Tal, som anger projektets minskning i förhållande till övriga elastiska projekt. Standardvärdet är 1. |
| initial | Sätt denna egenskap till dess standardvärde. Se till: initial. |
| inherit | Inheritera denna egenskap från föräldrelementet. Se till: inherit. |
Tekniska detaljer
| Standardvärde: | 1 |
|---|---|
| Ärvnad: | Nej |
| Animation tillverkning: | Stöd. Se till:Animation relaterade egenskaper. |
| Version: | CSS3 |
| JavaScript syntax: | object.style.flexShrink="5" |
Webbläsarstöd
Tal i tabellen anger den första webbläsarversion som helt stöder egenskapen.
Tal med -webkit- eller -moz- prefix indikerar den första versionen som använder prefix.
| 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 |
