CSS grid-row-endСвойство
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая поддерживает это свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| grid-row-end | 57 | 16 | 52 | 10 | 44 |
Определение атрибута и инструкции по использованию
Свойство grid-row-end указывает, на какой линии строки остановить отображение элемента сетки, или сколько строк он должен охватывать.
| Значение по умолчанию: | auto |
|---|---|
| Наследуется: | нет |
| animation: | Поддерживается.Подробнее обanimatable Попробуйте сами |
| версия: | Модуль CSS Grid Layout Уровень 1 |
| Синтаксис JavaScript: | object.style.gridRowEnd="4" Попробуйте сами |
Синтаксис
grid-row-end: auto|row-line|span n;
| Значение | Описание |
|---|---|
| auto | Значение по умолчанию, охватывающее одну линию. |
| row-line | Задаёт, на какой линии завершить. |
| span n | Охватывает n строк. |
Другие примеры
Пример
Установите для элемента сетки item1 окончание на строке 3:
.item1 {
grid-row-end: 3;
}
Попробуйте сами »
Связанные статьи
Учебник CSS:CSS Grid Layout
Другие расширения