Style flexDirection 属性

定義和用法

flexDirection θεωρήστε την κατεύθυνση των ρευστοποιημένων στοιχείων.

σημειώσειςΑν το στοιχείο δεν είναι ρευστοποιημένο, τότε flexDirection η ιδιότητα δεν ισχύει

Επιπλέον, βλ.:

ΚαταγρǶφημα CSS:flex-direction 属性

παράδειγμα

μετακίνηση της κατεύθυνσης των ρευστοποιημένων στοιχείων μέσα στο <div> στοιχείο:

document.getElementById("main").style.flexDirection = "column-reverse";

δοκιμάστε το προσωπικά

σύνταξη

Επιστροφή flexDirection χαρακτηριστικού:

objékt.style.flexDirection

Ρύθμιση flexDirection χαρακτηριστικού:

objékt.style.flexDirection = "row|row-reverse|column|column-reverse|initial|inherit"

τιμή χαρακτηριστικού

τιμή περιγραφή
row Προεπιλεγμένη τιμή. Εκτεταμένα στοιχεία εμφανίζονται κατακόρυφα, ως γραμμή.
row-reverse Καθ' ομοίωση με το row, αλλά σε αντίστροφη σειρά.
column Εκτεταμένα στοιχεία εμφανίζονται οριζόντια, ως γραμμή.
column-reverse Καθ' ομοίωση με το column, αλλά σε αντίστροφη σειρά.
initial Αποθηκεύστε το χαρακτηριστικό στη προεπιλεγμένη του τιμή. Βλ. initial.
inherit Καταλήστε το χαρακτηριστικό από τον γονικό του στοιχείο. Βλ. inherit.

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

Προεπιλεγμένη τιμή: row
Αποτελεσματική τιμή: κείμενο, που εκφράζει τη flex-direction 属性.
ΕκδοσǶς CSS: CSS3

υποστήριξη περιηγητή

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
υποστήριξη 11.0 υποστήριξη 9.0 υποστήριξη

σχετικές σελίδες

HTML DOM STYLE ΚαταγρǶφημαflex 属性

HTML DOM STYLE ΚαταγρǶφημαflexBasis 属性

HTML DOM STYLE ΚαταγρǶφημαflexFlow 属性

HTML DOM STYLE ΚαταγρǶφημαflexGrow 属性

HTML DOM STYLE ΚαταγρǶφημαflexShrink 属性

HTML DOM STYLE ΚαταγρǶφημαflexWrap 属性