Właściwość CSS flex-basis

Definicja stylu, przeznaczenie i użycie flex-basis

Właściwość flex-basis określa początkową długość elementu elastycznego.

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

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

Składnia CSS flex-basis

flex-basis: number | auto | initial | inherit;

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

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-basis	29.0 21.0 -webkit-	11.0	28.0 18.0 -moz-	9.0 6.1 -webkit-	17.0

Przykładowe zastosowania z właściwością flex-basis

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

div#myBlueDiv {
  flex-basis: 1;
}

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