Atrybut CSS grid-row-end

Definicja i użycie

Property grid-row-end określa, ile wierszy element będzie przeciągał, lub w którym wierszu linia kończy się.

Zobacz przykłady na końcu strony.

Inne wskazówki:

CSS tutorial:CSS Grid Layout

Przykład

Przykład 1

Spraw, aby "item1" przeciągał przez trzy wiersze:

.item1 {
  grid-row-end: span 3;
}

Spróbuj sam

Przykład 2

Możesz użyć wartości linii wiersza zamiast liczby wierszy, które element będzie przeciągał:

.item1 {
  grid-row-end: 3;
}

Spróbuj sam

CSS syntax

grid-row-end: auto|row-line|span n;

Wartość atrybutu

Wartość Opis
auto Domyślna wartość. Element będzie przeciągał przez jeden wiersz.
span n Określa, ile wierszy element będzie przeciągał.
column-line Określa, od którego wiersza kończy się wyświetlanie elementu.

Techniczne szczegóły

Domyślna wartość: auto
Dziedziczenie: Nie
Tworzenie animacji: Obsługiwane. Zobacz:Właściwości animacji.
Wersja: CSS Grid Layout Module Level 1
JavaScript syntax: object.style.gridRowEnd="4"

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