css властивість grid-row-gap
Властивість grid-row-gap встановлює відступи між рядками сітки.
Ви можете використовувати grid-column-gap для встановлення відступів між стовпчиками або ви можете використовувати властивість grid-gap, щоб одночасно встановити відступи як для рядків, так і для стовпців.
Негативні значення не використовуються.
| Нотатка: | Зверніть увагу, що властивість |
Синтаксис
grid-row-gap: <length-percentage>;Властивість grid-row-gap може отримувати одне значення:
<length-percentage>Ширина жолоба, що відокремлює рядки у сітці
| Значення без задання: | 0 |
|---|---|
| Наслідує: | Ні |
| Анімується: | Так |
| JavaScript синтаксис: | object.style.gridRowGap |
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| grid-row-gap | 57.0 |
Не підтримується |
52.0 |
10.0 |
44.0 |
16.0 |
| Переглядач | |||
|---|---|---|---|
| grid-row-gap | 57.0 |
52.0 |
Не підтримується |
Мобільних переглядачів ще не додано.
Приклади
Динамічний приклад
Демонстрація роботи властивості
Синтаксис властивості
.box {
display: grid;
grid-row-gap: 10px;
}