The orderproperti adalah sub-properti dari modul Fleksibel Box Layout.
Item fleksibel ditampilkan dalam urutan yang sama seperti yang muncul di dokumen sumber secara default. The orderproperti dapat digunakan untuk mengubah urutan ini.
Sintaksis
order: .flex-item ( order: 2; )Demo
Demo berikut menunjukkan bagaimana pesanan default (1, 2, 3, 4, 5) telah diubah dengan menyetel properti pesanan untuk setiap item.
Dukungan Browser
- (modern) berarti sintaks terbaru dari spesifikasi (misalnya
display: flex;) - (hybrid) berarti sintaks tidak resmi ganjil dari 2011 (misalnya
display: flexbox;) - (lama) berarti sintaks lama dari 2009 (misalnya
display: box;)
| Chrome | Safari | Firefox | Opera | YAITU | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (modern) 20- (lama) | 3.1+ (lama) | 2-21 (lama) 22+ (baru) | 12.1+ (modern) | 10+ (hibrida) | 2.1+ (lama) | 3,2+ (lama) |
Browser Blackberry 10+ mendukung sintaks baru.
Untuk informasi lebih lanjut tentang cara mencampur sintaks untuk mendapatkan dukungan browser terbaik, silakan lihat artikel ini (Trik CSS) atau artikel ini (DevOpera).