css властивість grid-column-gap
Властивість grid-column-gap встановлює відступи між стовпчиками сітки.
Ви можете використовувати grid-row-gap для встановлення відступів між рядами або ви можете використовувати властивість grid-gap, щоб одночасно встановити відступи як для рядків, так і для стовпців.
Негативні значення не використовуються.
| Нотатка: | Зверніть увагу, що властивість |
Синтаксис
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;
}