CSS order attribute

Ορισμός και χρήση

Η ιδιότητα order καθορίζει τη σειρά του στοιχείου ελαστικού σε σχέση με τα άλλα στοιχεία ελαστικά του ίδιου κουτιού.

Σημειώσεις:Αν το στοιχείο δεν είναι στοιχείο ελαστικό, η ιδιότητα order είναι άχρηστη.

Δείτε επίσης:

Εγχειρίδιο CSS:ιδιότητα flex

Εγχειρίδιο CSS:ιδιότητα flex-basis

Εγχειρίδιο CSS:ιδιότητα flex-direction

Εγχειρίδιο CSS:ιδιότητα flex-flow

Εγχειρίδιο CSS:ιδιότητα flex-grow

Εγχειρίδιο CSS:ιδιότητα flex-shrink

Εγχειρίδιο CSS:ιδιότητα flex-wrap

Εγχειρίδιο CSS:ιδιότητα align-content

Εγχειρίδιο CSS:ιδιότητα align-items

Εγχειρίδιο CSS:ιδιότητα align-self

Εγχειρίδιο HTML DOM:ιδιότητα order

Παράδειγμα

Ρύθμιση της σειράς των ελαστικών στοιχείων:

div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}

Προσπαθήστε να το δοκιμάσετε προσωπικά

Γλώσσα CSS

order: number|initial|κληρονομικότητα;

Τιμή ιδιότητας

Τιμή Περιγραφή
number Η προεπιλεγμένη τιμή είναι 0. Προσδιορίζει τη σειρά των ελαστικών στοιχείων.
initial Ρυθμίστε την ιδιότητα στην προεπιλεγμένη τιμή. Δείτε initial.
κληρονομικότητα Κληρονομείται η ιδιότητα από το γονικό στοιχείο. Δείτε κληρονομικότητα.

Τεχνικές λεπτομέρειες

Προεπιλογή: 0
Κληρονομικότητα: όχι
Κίνηση: Υποστηρίζεται. Δείτε τα ξεχωριστά χαρακτηριστικά. Δείτε:Συστατικά της κίνησης.
Έκδοση: CSS3
Γλώσσα JavaScript: object.style.order="2"

Υποστήριξη του προγράμματος περιήγησης

Η αριθμητική ακολουθία στην τάβλη σημειώνει την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το χαρακτηριστικό.

Η αριθμητική ακολουθία στην τάβλη αναφέρει την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το χαρακτηριστικό, να χρησιμοποιείται η πρόθεσή του.

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit- 		11.0 28.0
18.0 -moz- 		9.0
6.1 -webkit- 		17.0