Atrybut grid-auto-rows w CSS

Definicja i użycie

Atrybut grid-auto-rows ustawia rozmiar wierszy w kontenerze siatki.

Ta właściwość wpływa tylko na wiersze, które nie mają ustawionego rozmiaru.

Inne zasoby:

Kursy CSSUkład siatki CSS

Podręcznik CSSAtrybut grid-auto-columns

Przykład

Ustaw domyślny rozmiar wiersza w sieci:

.grid-container {
  display: grid;
  grid-auto-rows: 150px;
}

Spróbuj sam

Gramatyka CSS

grid-auto-rows: auto|max-content|min-content|length;

Wartość atrybutu

Wartość Opis
auto Domyślna wartość. Rozmiar wiersza zależy od rozmiaru największego elementu w wierszu.
max-content Ustaw rozmiar każdej linii na podstawie największego elementu w linii.
min-content Ustaw rozmiar każdej linii na podstawie największego elementu w linii.
length Ustaw rozmiar wiersza, używając legalnych wartości długości. ZobaczJednostki długości.

Szczegóły techniczne

Domyślna wartość: auto
Dziedziczenie: Nie
Tworzenie animacji: Obsługiwane. Zobacz:Atrybuty animacji.
Wersja: Moduł układu siatki CSS Grid Level 1
Gramatyka JavaScript: object.style.gridAutoRows="60px"

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