La orderpropriété est une sous-propriété du module Disposition de boîte flexible.
Les éléments Flex sont affichés dans le même ordre que dans le document source par défaut. La orderpropriété peut être utilisée pour modifier cet ordre.
Syntaxe
order: .flex-item ( order: 2; )Démo
La démo suivante montre comment l'ordre par défaut (1, 2, 3, 4, 5) a été modifié en définissant la propriété order sur chaque élément.
Prise en charge du navigateur
- (moderne) signifie la syntaxe récente de la spécification (par exemple
display: flex;) - (hybride) signifie une syntaxe non officielle étrange de 2011 (par exemple
display: flexbox;) - (ancien) signifie l'ancienne syntaxe de 2009 (par exemple
display: box;)
| Chrome | Safari | Firefox | Opéra | C'EST À DIRE | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (moderne) 20- (ancien) | 3.1+ (ancien) | 2-21 (ancien) 22+ (nouveau) | 12.1+ (moderne) | 10+ (hybride) | 2.1+ (ancien) | 3.2+ (ancien) |
Le navigateur Blackberry 10+ prend en charge la nouvelle syntaxe.
Pour plus d'informations sur la façon de mélanger les syntaxes afin d'obtenir le meilleur support du navigateur, veuillez vous référer à cet article (CSS-Tricks) ou à cet article (DevOpera).