Свойство CSS grid-row-end

Определение и использование

Атрибут grid-row-end определяет, на сколько строк перекрывает элемент, или на какой строке заканчивается элемент.

См. примеры в конце страницы.

См. также:

CSS учебник:CSS сетка

Пример

Пример 1

Сделайте "item1" перекрывать три строки:

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

Попробуйте сами

Пример 2

Вы можете использовать значение строки вместо количества строк, которые нужно перекрыть:

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

Попробуйте сами

CSS синтаксис

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

Значение атрибута

Значение Описание
auto Значение по умолчанию. Элемент перекроет одну строку.
span n Определяет количество строк, на котором элемент будет перекрывать.
column-line Определяет, с какой строки начинать отображение элемента.

Технические детали

Значение по умолчанию: auto
Ингеренция: Нет
Создание анимации: Поддерживается. См. также:Свойства анимации.
Версия: CSS Grid Layout Module Level 1
JavaScript синтаксис: object.style.gridRowEnd="4"

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

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