css властивість grid-row-gap


Властивість grid-row-gap встановлює відступи між рядками сітки.

Властивість `grid-row-gap`

Ви можете використовувати grid-column-gap для встановлення відступів між стовпчиками або ви можете використовувати властивість grid-gap, щоб одночасно встановити відступи як для рядків, так і для стовпців.

Негативні значення не використовуються.

Нотатка:

Зверніть увагу, що властивість grid онулює ці відступи.

Синтаксис

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;


}

Додаткові посилання