Właściwość CSS flex

Definicja stylu, przeznaczenie i użycie flex

Właściwość flex jest skróconą właściwością dla:
flex-grow
flex-shrink
flex-base

Właściwość flex ustawia długość elastycznych elementów.

Właściwości flex oraz z góry zdefiniowana grupy wartości określa kilka różnych cech elastyczności obszaru zawartości kolejnych elementów dzieci elementu HTML tworzącego układ elastyczny.

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

Wartości właściwości flex

Wartość	Opis
flex-grow	Liczba określająca, jak bardzo element wzrośnie w porównaniu z pozostałymi elementami elastycznymi.
flex-shrink	Liczba określająca, jak bardzo element zmniejszy się w stosunku do pozostałych elementów elastycznych.
flex-basis	Długość elementu. Dozwolone wartości: auto, inherit lub liczba, po której następuje %, px, em lub inna jednostka długości.
auto	To samo co 1 1.
none	To samo co 0 0.
initial	To samo co 0 1.
inherit	Dziedziczy tę właściwość z elementu nadrzędnego.