Opis

flex-direction określa kierunek (i zwrot) układania elastycznych elementów w kontenerze z tą właściwością.

Przykład
1
2
3
4
5
Kod:
Wartości

flex-direction: row|row-reverse|column|column-reverse|initial|inherit;

WartośćOpis
row Domyślna wartość. Elementy elastyczne są wyświetlane poziomo, w rzędzie
row-reverse Elementy elastyczne są wyświetlane poziomo, w rzędzie, w odwrotnej kolejności.
column Elementy elastyczne są wyświetlane pionowo, jako kolumna
column-reverse Elementy elastyczne są wyświetlane pionowo, jako kolumna, w odwrotnej kolejności
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady:   |     |     |     
Info: Domyślna wartość: row
Dziedziczenie:
Animowalność:
JavaScript: object.style.flexDirection