Atrybut CSS grid-row

Definicja i użycie

Atrybut grid-row określa rozmiar elementu sieciowego oraz jego pozycję w układzie siatki, jest skrótem dla następujących atrybutów:

Zobacz również:

Kurs CSS:Układ siatki CSS

Przykład

Przykład 1

Spraw, aby "item1" zaczynał się od wiersza 1 i przekraczał dwie linie:

.item1 {
  grid-row: 1 / span 2;
}

Spróbuj sam

Przykład 2

Możesz użyć wartości linii wiersza zamiast liczby wierszy do przekraczania:

.item1 {
  grid-row: 1 / 3;
}

Spróbuj sam

Gramatyka CSS

grid-row: grid-row-start / grid-row-end;

Wartość atrybutu

Wartość Opis
grid-row-start Określa, od którego wiersza zaczyna się wyświetlanie elementu.
grid-row-end Określa, na której linii wiersza zatrzymać wyświetlanie elementu, lub na ile wierszy przekraczać.

Szczegóły techniczne

Domyślna wartość: auto / auto
Inherytowanie: Nie
Tworzenie animacji: Obsługiwane. Zobacz:Atrybuty animacji.
Wersja: Moduł układu siatki CSS Grid Level 1
Gramatyka JavaScript: object.style.gridRow="2 / span 2"

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