Atrybut CSS grid-row-gap

Definicja i użycie

Atrybut grid-row-gap definiuje rozmiar odległości między wierszami w układzie siatki.

Inne wskazówki:

Kurs CSSCSS Grid

Podręcznik CSSAtrybut grip-gap

Podręcznik CSSAtrybut grip-column-gap

Przykład

Ustawienie odległości między wierszami na 50 pikseli:

.grid-container {
  grid-row-gap: 50px;
}

Spróbuj sam

Gramatyka CSS

grid-row-gap: length;

Wartość atrybutu

Wartość Opis
length Jakakolwiek legalna wartość długości. Na przykład piksele lub procenty. Domyślna wartość to 0.

Szczegóły techniczne

Domyślna wartość: 0
Dziedziczenie: nie
Produkcja animacji: Obsługiwane. Zobacz:Atrybuty animacji.
Wersja: Moduł układu siatki CSS Grid Level 1
Gramatyka JavaScript: object.style.gridRowGap="50px"

Obsługa przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44