Własność CSS flex-grow

Własność CSS flex-grow

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
Udostępnij:
Share

Podobał Ci się ten artykuł?

Oceń go!

Średnia 0 / 5. Liczba głosów: 0

Jeszcze nikt nie głosował. Wyprzedź innych i zagłosuj.

Skoro spodobał Ci się ten artykuł...

Poleć go znajomym!

Ojej :( Powiedz nam, co powinniśmy poprawić!

blank
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.

Dodaj komentarz