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