Właściwość CSS flex-direction

Definicja stylu, przeznaczenie i użycie flex-direction

Właściwość flex-direction określa kierunek elementów elastycznych.

Uwaga: Jeśli element nie jest elementem elastycznym, właściwość flex-direction nie działa.

Wartości właściwości flex-direction

Składnia CSS flex-direction

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

Wsparcie przeglądarek dla właściwości flex-direction

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Liczba przed -webkit- i -moz- określa pierwszą wersję, która działała z prefiksem.

Właściwość
flex-direction	29.0 21.0 -webkit-	11.0	28.0 18.0 -moz-	9.0 6.1 -webkit-	17.0

Przykładowe zastosowania właściwości flex-direction

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

#main {
  display: flex;
  flex-direction: row;
}

Przykłady właściwości flex-direction