CSS order egenskap
Definition och användning
Order-egenskapen anger ordningen för det elastiska objektet jämfört med övriga elastiska objekt i samma container.
Kommentar:Om elementet inte är ett elastiskt objekt är order-egenskapen ogiltig.
Se också:
CSS referenshandbok:flex-egenskapen
CSS referenshandbok:flex-basis-egenskapen
CSS referenshandbok:flex-direction-egenskapen
CSS referenshandbok:flex-flow-egenskapen
CSS referenshandbok:flex-grow-egenskapen
CSS referenshandbok:flex-shrink-egenskapen
CSS referenshandbok:flex-wrap-egenskapen
CSS referenshandbok:align-content-egenskapen
CSS referenshandbok:align-items-egenskapen
CSS referenshandbok:align-self-egenskapen
HTML DOM referenshandbok:order-egenskapen
Exempel
Ställ in ordningen för de elastiska objekten:
div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}
CSS-syntax
order: number|initial|inherit;
Egenskapsvärde
| Värde | Beskrivning |
|---|---|
| number | Standardvärdet är 0. Anger ordningen för de elastiska objekten. |
| initial | Sätt detta egenskap till dess standardvärde. Se initial. |
| inherit | Inheritera detta egenskap från föräldrelementet. Se inherit. |
Tekniska detaljer
| Standardvärde: | 0 |
|---|---|
| Arv: | nej |
| Animation tillverkning: | Stöd. Se tilläggliga egenskaper. Se:Animation relaterade egenskaper. |
| Version: | CSS3 |
| JavaScript-syntax: | object.style.order="2" |
Webbläsarstöd
Numreringen i tabellen anger den första webbläsarversionen som helt stöder detta egenskap.
Ange den första versionen som används med prefixet efter -webkit- eller -moz- numreringen.
| 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 |
