flex-basisNieruchomość jest sub-property modułu Flexible Box Layout.
Określa początkowy rozmiar elementu elastycznego, zanim jakakolwiek dostępna przestrzeń zostanie rozdzielona zgodnie ze współczynnikami elastyczności. Jeśli pominięto go w flexskrócie, jego określoną wartością jest długość równa zero.
Wartość flex- based ustawia autorozmiar elementu zgodnie z jego właściwością size (która sama może być słowem kluczowym auto, które określa rozmiar elementu na podstawie jego zawartości).
Składnia
flex-basis: .flex-item ( flex-basis: 100px; )Należy pamiętać, że jak dla każdej szerokości, długości ujemne są nieważne.
Próbny
Wsparcie przeglądarki
- (nowoczesny) oznacza najnowszą składnię ze specyfikacji (np.
display: flex;) - (hybryda) oznacza dziwną nieoficjalną składnię z 2011 roku (np.
display: flexbox;) - (stara) oznacza starą składnię z 2009 roku (np.
display: box;)
| Chrom | Safari | Firefox | Opera | TO ZNACZY | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (nowoczesny) 20- (stary) | 3.1+ (stary) | 2-21 (stare) 22+ (nowe) | 12.1+ (nowoczesny) | 10+ (hybryda) | 2.1+ (stary) | 3.2+ (stary) |
Przeglądarka Blackberry 10+ obsługuje nową składnię.
Więcej informacji na temat łączenia składni w celu uzyskania najlepszej obsługi przeglądarki można znaleźć w tym artykule (Sztuczki CSS) lub w tym artykule (DevOpera).