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