CSS grid-column-gap Свойство
Пример
Установите зазор между столбцами в 50px:
.grid-container {
grid-column-gap: 50px;
}
Определение и использование
Свойство grid-column-gap определяет размер зазора между столбцами в макете сетки.
| Значение по умолчанию: | 0 |
|---|---|
| Inherited: | no |
| Animatable: | yes. Читайте о animatable |
| Version: | Модуль макета сетки CSS уровень 1 |
| Синтаксис JavaScript: | object.style.gridColumnGap="50px" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| grid-column-gap | 57 | 16 | 52 | 10 | 44 |
Синтаксис CSS
grid-column-gap: length;
Значения свойств
| Значение | Описание | |
|---|---|---|
| length | Любое юридическое значение длины, например px или%. значение по умолчанию — 0. Читать о единицах длины |
Похожие страницы
CSS Справочник: CSS Grid Layout
CSS Справка: The grip-gap property
CSS Справка: The grip-row-gap property