Atrybut flex-basis w CSS

Definicja i użycie

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

Komentarz:Jeśli element nie jest elementem elastycznym, atrybut flex jest nieważny.

Inne źródła:

CSS tutorial: CSS kontenery elastyczne

Podręcznik CSS:Atrybut flex

Podręcznik CSS:Atrybut flex-direction

Podręcznik CSS:Atrybut flex-flow

Podręcznik CSS:Atrybut flex-grow

Podręcznik CSS:Atrybut flex-shrink

Podręcznik CSS:Atrybut flex-wrap

Podręcznik HTML DOM:Atrybut flexBasis

Przykład

Ustaw początkową długość drugiego elementu elastycznego na 100 pikseli:

div:nth-of-type(2) {
  flex-basis: 100px;
}

Spróbuj sam

CSS syntaxa

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

Wartość atrybutu

Wartość Opis
liczba Jednostka długości lub procent, określająca początkową długość elementu elastycznego.
auto Domyślna wartość. Długość równa długości elementu elastycznego. Jeśli długość tego elementu nie jest określona, długość będzie wynosić jej zawartość.
initial Ustawienie tego atrybutu na jego wartość domyślną. Zobacz: initial.
inherit Nastawienie tego atrybutu na jego wartość domyślną. Zobacz: inherit.

Techniczne szczegóły

Domyślna wartość: auto
Dziedziczenie: Nie
Tworzenie animacji: Obsługiwane. Zobacz:Atrybuty związane z animacją.
Wersja: CSS3
JavaScript syntaxa: object.style.flexBasis="200px"

Obsługa przeglądarek

Liczby w tabeli podają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Liczby z -webkit- lub -moz- oznaczają pierwszą wersję używającą prefiksu.

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit-		 11.0 28.0
18.0 -moz-		 9.0
6.1 -webkit-		 17.0