Własność CSS flex-grow definiuje współczynnik zwiększania jednostki flex w kontenerze flex w proporcji do pozostałych jednostek. Inaczej mówiąc, własność ta określa, jaka część dodatniej przestrzeni wolnej kontenera flex powinna zostać przydzielona danej jednostce flex w porównaniu z pozostałymi jednostkami.
Zobacz Proporcje rozmiaru jednostek flex, aby poznać szczegółowy opis sposobu przydzielania dodatniej przestrzeni wolnej kontenera flex jednostkom.
Wartości i składnia
Własność flex-grow
jako wartość przyjmuje dowolną liczbę dodatnią. Wartości ułamkowe są dozwolone. Natomiast wartości ujemne są nieobsługiwane i domyślnie zamieniane na 0
, co powoduje, że jednostka flex nie może się powiększać.
Podsumowanie
Zastosowanie | Jednostki flex |
---|---|
Obsługiwane wartości | Liczby dodatnie bez jednostki |
Wartość początkowa | 0 |
Dziedziczenie | Nie |
Specyfikacja CSS | CSS Flexible Box Layout Module Level 1, flex-grow |