De ordereigenschap is een subeigenschap van de module Flexible Box Layout.
Flex-items worden standaard in dezelfde volgorde weergegeven als in het brondocument. De ordereigenschap kan worden gebruikt om deze volgorde te wijzigen.
Syntaxis
order: .flex-item ( order: 2; )Demo
De volgende demo laat zien hoe de standaardvolgorde (1, 2, 3, 4, 5) is gewijzigd door de ordereigenschap voor elk item in te stellen.
Browser-ondersteuning
- (modern) betekent de recente syntaxis van de specificatie (bijv.
display: flex;) - (hybride) betekent een vreemde onofficiële syntaxis uit 2011 (bijv.
display: flexbox;) - (oud) betekent de oude syntaxis van 2009 (bijv.
display: box;)
| Chrome | Safari | Firefox | Opera | D.W.Z | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (modern) 20- (oud) | 3.1+ (oud) | 2-21 (oud) 22+ (nieuw) | 12.1+ (modern) | 10+ (hybride) | 2.1+ (oud) | 3.2+ (oud) |
Blackberry browser 10+ ondersteunt de nieuwe syntaxis.
Raadpleeg dit artikel (CSS-Tricks) of dit artikel (DevOpera) voor meer informatie over het mixen van syntaxis om de beste browserondersteuning te krijgen.