Η orderιδιότητα είναι δευτερεύουσα ιδιοκτησία της μονάδας Flexible Box Layout.
Τα ευέλικτα στοιχεία εμφανίζονται με την ίδια σειρά όπως εμφανίζονται στο έγγραφο προέλευσης από προεπιλογή. Η orderιδιότητα μπορεί να χρησιμοποιηθεί για την αλλαγή αυτής της παραγγελίας.
Σύνταξη
order: .flex-item ( order: 2; )Διαδήλωση
Η παρακάτω επίδειξη δείχνει πώς έχει αλλάξει η προεπιλεγμένη παραγγελία (1, 2, 3, 4, 5) ρυθμίζοντας την ιδιότητα παραγγελίας σε κάθε στοιχείο.
Υποστήριξη προγράμματος περιήγησης
- (σύγχρονο) σημαίνει την πρόσφατη σύνταξη από την προδιαγραφή (π.χ.
display: flex;) - (υβριδικό) σημαίνει μια περίεργη ανεπίσημη σύνταξη από το 2011 (π.χ.
display: flexbox;) - (παλιά) σημαίνει την παλιά σύνταξη από το 2009 (π.χ.
display: box;)
| Χρώμιο | Σαφάρι | Firefox | ΛΥΡΙΚΗ ΣΚΗΝΗ | ΙΕ | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (μοντέρνα) 20- (παλιά) | 3.1+ (παλιά) | 2-21 (παλιά) 22+ (νέα) | 12.1+ (μοντέρνο) | 10+ (υβριδικό) | 2.1+ (παλιά) | 3.2+ (παλιά) |
Το πρόγραμμα περιήγησης Blackberry 10+ υποστηρίζει τη νέα σύνταξη.
Για περισσότερες πληροφορίες σχετικά με το πώς να συνδυάσετε σύνταξη προκειμένου να λάβετε την καλύτερη υποστήριξη προγράμματος περιήγησης, ανατρέξτε σε αυτό το άρθρο (CSS-Tricks) ή σε αυτό το άρθρο (DevOpera).