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