Własność CSS row-gap określa szerokość odstępu między rzędami elementów w układzie wielokolumnowym CSS, a także w innych rodzajach układów CSS, takich jak CSS Flexbox czy CSS Grid.
Wartości i składnia
Własność row-gap
jako wartość przyjmuje liczbę z jednostką długości lub wartość procentową.
normal
- W przypadku kontenerów wielokolumnowych słowo to oznacza
1em
, a w pozostałych rodzajach układu CSS jest ono równoważne z wartością0
. - Liczba z jednostką długości
- Określa konkretną odległość między rzędami elementów w danym rodzaju układu CSS.
- Wartość procentowa
- Określa odległość między rzędami elementów jako ułamek szerokości kontenera.
Przykłady
Poniższa deklaracja ustawia 60-pikselową odległość między rzędami w układzie CSS Flexbox.
div {
display: flex;
flex-wrap: wrap;
width: 70%;
row-gap: 60px;
}
Podsumowanie
Zastosowanie | Kontenery wielokolumnowe, kontenery flex, kontenery grid |
---|---|
Obsługiwane wartości | Słowo kluczowe normal , liczba z jednostką długości, wartość procentowa |
Wartość początkowa | normal |
Dziedziczenie | Nie |
Specyfikacja CSS | CSS Box Alignment Module Level 3, row-gap |