Własność CSS gap

> Dodaj do ulubionych

Własność CSS gap to własność zbiorcza służąca do ustawiania własności row-gap i column-gap, czyli do określania odstępów między rzędami i kolumnami elementów w kontenerach wielokolumnowych, kontenerach flex i kontenerach grid.

Wartości i składnia

Własność CSS gap przyjmuje takie same wartości, jak własności row-gap i column-gap.

Jeśli zostaną podane dwie wartości, to pierwsza jest dla własności row-gap, a druga dla column-gap.

Jeśli zostanie podana tylko jedna wartość, to zostanie one nadana obu własnościom składowym.

Przykłady

Poniższa deklaracja CSS ustawia odstęp między rzędami na 10 pikseli, a odstęp między kolumnami na 20 pikseli:


gap: 10px 20px;

Podsumowanie

ZastosowanieKontenery wielokolumnowe, kontenery flex, kontenery grid
Własności składowe
Obsługiwane wartościTakie, jak własności składowych
Wartość początkowanormal
DziedziczenieNie
Specyfikacja CSSCSS Box Alignment Module Level 3, gap
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.