order
Proprietatea este o sub-proprietate a modulului flexibil Box Layout.
Elementele flexibile sunt afișate în aceeași ordine în care apar în documentul sursă în mod implicit. order
Proprietatea poate fi folosit pentru a modifica această ordine.
Sintaxă
order: .flex-item ( order: 2; )
Demo
Următoarea demonstrație arată cum a fost modificată comanda implicită (1, 2, 3, 4, 5) prin setarea proprietății comenzii pentru fiecare articol.
Verificați acest stilou!
Suport pentru browser
- (modern) înseamnă sintaxa recentă din specificație (de exemplu
display: flex;
) - (hibrid) înseamnă o sintaxă neoficială ciudată din 2011 (de exemplu
display: flexbox;
) - (vechi) înseamnă sintaxa veche din 2009 (de exemplu
display: box;
)
Crom | Safari | Firefox | Operă | IE | Android | iOS |
---|---|---|---|---|---|---|
21+ (modern) 20- (vechi) | 3.1+ (vechi) | 2-21 (vechi) 22+ (nou) | 12.1+ (modern) | 10+ (hibrid) | 2.1+ (vechi) | 3.2+ (vechi) |
Browserul Blackberry 10+ acceptă noua sintaxă.
Pentru mai multe informații despre cum să amestecați sintaxele pentru a obține cea mai bună asistență pentru browser, vă rugăm să consultați acest articol (CSS-Tricks) sau acest articol (DevOpera).