Własność CSS flex-grow

> Dodaj do ulubionych

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

ZastosowanieJednostki flex
Obsługiwane wartościLiczby dodatnie bez jednostki
Wartość początkowa0
DziedziczenieNie
Specyfikacja CSSCSS Flexible Box Layout Module Level 1, flex-grow
Jajko z dzwonkiem

Podoba Ci się ta strona?

Pomóż nam się rozwijać, wykupując płatne konto. Dzięki temu będziemy mogli tworzyć dla Ciebie jeszcze więcej ciekawych treści, a Ty pozbędziesz się reklam.