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
Zastosowanie | Kontenery wielokolumnowe, kontenery flex, kontenery grid |
---|---|
Własności składowe | |
Obsługiwane wartości | Takie, jak własności składowych |
Wartość początkowa | normal |
Dziedziczenie | Nie |
Specyfikacja CSS | CSS Box Alignment Module Level 3, gap |