Przykład
Przestawiać kierunek elastycznych elementów wewnątrz <div> element:
document.getElementById("main").style.flexDirection = "column-reverse"; Spróbuj sam " Definicja i Wykorzystanie
Zestawy własności flexDirection lub zwraca kierunek elastycznych elementów.
Note: Jeśli element nie jest elastyczny element, właściwość flexDirection nie ma żadnego wpływu.
Wsparcie przeglądarka
Nieruchomość flexDirection jest obsługiwana w IE10 +, Firefox, Opera i Chrome.
Uwaga: Safari 6.1+ obsługuje alternatywę, właściwość WebkitFlexDirection.
Składnia
Zwraca właściwość flexDirection:
object .style.flexDirectionUstaw właściwość flexDirection:
object .style.flexDirection="row|row-reverse|column|column-reverse|initial|inherit"
wartości nieruchomości
| Wartość | Opis |
|---|---|
| row | Domyślna wartość. Elastyczne elementy są wyświetlane w orientacji poziomej, jak rzędzie |
| row-reverse | Sama, jak rzędu, ale w odwrotnej kolejności |
| column | Elastyczne elementy są wyświetlane w pionie, jak kolumna |
| column-reverse | Sama, jak kolumny, ale w odwrotnej kolejności |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć |
Szczegóły techniczne
| Domyślna wartość: | rząd |
|---|---|
| Zwracana wartość: | Ciąg, stanowiących własność flex-kierunek elementu |
| Wersja CSS | CSS3 |
Podobne strony
Odniesienie CSS: flex-direction property
HTML DOM STYL referencyjny: flex property
HTML DOM STYL referencyjny: flexBasis property
HTML DOM STYL referencyjny: flexFlow property
HTML DOM STYL referencyjny: flexGrow property
HTML DOM STYL referencyjny: flexShrink property
HTML DOM STYL referencyjny: flexWrap property
<Style obiektu