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 |
