La orderproprietà è una proprietà secondaria del modulo Layout riquadro flessibile.
Gli elementi Flex vengono visualizzati nello stesso ordine in cui appaiono nel documento di origine per impostazione predefinita. La orderproprietà può essere utilizzata per modificare questo ordine.
Sintassi
order: .flex-item ( order: 2; )Demo
La seguente demo mostra come è stato modificato l'ordine predefinito (1, 2, 3, 4, 5) impostando la proprietà order su ciascun elemento.
Supporto browser
- (moderno) indica la sintassi recente dalla specifica (ad esempio
display: flex;) - (ibrido) indica una strana sintassi non ufficiale del 2011 (es.
display: flexbox;) - (vecchio) indica la vecchia sintassi del 2009 (ad esempio
display: box;)
| Cromo | Safari | Firefox | musica lirica | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (moderno) 20- (vecchio) | 3.1+ (vecchio) | 2-21 (vecchio) 22+ (nuovo) | 12.1+ (moderno) | 10+ (ibrido) | 2.1+ (vecchio) | 3.2+ (vecchio) |
Il browser Blackberry 10+ supporta la nuova sintassi.
Per ulteriori informazioni su come mescolare le sintassi per ottenere il miglior supporto del browser, fare riferimento a questo articolo (CSS-Tricks) o questo articolo (DevOpera).