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


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

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

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

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

Нотатка:

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

Синтакс

grid-column-gap: <length-percentage>;

Властивість grid-column-gap може отримувати одне значення:

<length-percentage>

Ширина жолоба, що відокремлює стовпці у сітці

Значення без задання: 0
Наслідує: Ні
Анімується: Так
JavaScript синтаксис: object.style.gridColumnGap

Переглядачі

Переглядач
grid-column-gap

66.0

16.0

61.0

10.1

53.0

16.0

Переглядач
grid-column-gap

66.0

61.0

10.3

Приклади


Динамічний приклад

Демонстрація роботи властивості

Синтаксис властивості

.box {
  display: grid;
  grid-column-gap: 10px;
}

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

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

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