Opis:

CSS flex-direction Określa kierunek wyświetlania elementów wewnątrz rodzica z wyświetlaniem flex.

CSS flex-direction - Przykład:

flex-direction: row-reverse;

Składnia:

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

CSS flex-direction - Spis wartości:

Nazwa Objaśnienie
rowWartość domyślna. Elementy są wyświetlane w wierszu.
row-reverseTak samo jak w przypadku wartości row, jednak w odwróconej kolejności.
columnWyświetla elementy jako kolumnę.
column-reverseTak samo jak w przypadku kolumny, tylko w odwrotnej kolejności.
initialUstawia domyślną wartość.
inheritDziedziczy wartość po rodzicu.

Zobacz również:

align-content | order | justify-content | align-self | flex-direction |