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 |
