Az order
ingatlan a Flexible Box Layout modul egyik al-tulajdonsága.
A Flex elemek ugyanabban a sorrendben jelennek meg, mint amelyek alapértelmezés szerint megjelennek a forrás dokumentumban. A order
tulajdonság felhasználható a megrendelés megváltoztatására.
Szintaxis
order: .flex-item ( order: 2; )
Demó
A következő bemutató bemutatja, hogyan módosult az alapértelmezett sorrend (1, 2, 3, 4, 5) azáltal, hogy az egyes tételek sorrendjébe beállította a rendelés tulajdonságát.
Nézze meg ezt a tollat!
Böngésző támogatás
- (modern): a specifikáció legújabb szintaxisa (pl.
display: flex;
) - (hibrid) furcsa, nem hivatalos szintaxist jelent 2011-től (pl.
display: flexbox;
) - (régi) a 2009-es régi szintaxist jelenti (pl.
display: box;
)
Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
---|---|---|---|---|---|---|
21+ (modern) 20 - (régi) | 3.1+ (régi) | 2–21 (régi) 22+ (új) | 12,1+ (modern) | 10+ (hibrid) | 2.1+ (régi) | 3,2+ (régi) |
A Blackberry 10+ böngésző támogatja az új szintaxist.
A szintaxisok keverésével kapcsolatos további információkért a legjobb böngésző-támogatás érdekében olvassa el ezt a cikket (CSS-trükkök) vagy ezt a cikket (DevOpera).