Własność CSS grid-row

Własność CSS grid-row to własność zbiorcza określająca linię początkową i końcową jednostki siatki w orientacji śródliniowej w układzie CSS Grid oraz ewentualnie dodatkowo szerokość tej jednostki wyrażoną w formie liczby wierszy jej rozpiętości.

Własność zbiorcza grid-row obejmuje następujące własności indywidualne:

• grid-row-start
• grid-row-end

Wartości i składnia

Własność grid-row jako wartość przyjmuje parę definicji linii lub jedną definicję linii:

grid-row-start / grid-row-end

Definicje linii początkowej i końcowej jednostki siatki rozdzielone ukośnikiem. Składnia każdej z nich jest opisana na stronach indywidualnych własności grid-row-start i grid-row-end. Na przykład:

grid-row: 2 / span 3;

Ta deklaracja oznacza, że jednostka siatki zaczyna się od linii drugiej i obejmuje trzy wiersze, jak widać na poniższym zrzucie ekranu:

grid-row-start

Jeśli zostanie zdefiniowana tylko jedna linia, to jest ona traktowana jako definicja linii początkowej, a końcowa domyślnie przyjmuje wartość 1.

Jeśli jedyna wartość zawiera słowo kluczowe span bez nazwy linii, definiowany obszar zaczyna się od początku kontenera, np.:

grid-row: span 3;

Ta deklaracja oznacza, że początek obszaru jednostki siatki stanowi pierwsza linia wiersza kontenera oraz że obszar ten obejmuje trzy wiersze.

Podsumowanie