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;
}

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

Всі Коментарі (0)

Зареєструйся на сайті, аби мати змогу залишати коментарі. Зареєструватися  чи
Немає Коментарів