Свойство CSS grid-column-gap

Определение и использование

grid-column-gap свойство определяет размер зазора между столбцами в сеточной разметке.

См. также:

CSS учебник:CSS сеточная разметка

CSS справочник:grip-gap свойство

CSS справочник:grip-row-gap свойство

Пример

Установить зазор между столбцами в 50 пикселей:

.grid-container {
  grid-column-gap: 50px;
}

Попробуйте сами

CSS синтаксис

grid-column-gap: length;

Значение атрибута

Значение Описание
length Любое законное значение длины, например, пиксели или проценты. Значение по умолчанию равно 0. См. также:Единицы измерения длины.

Технические детали

Значение по умолчанию: 0
Ингеренция: нет
Создание анимации: Поддерживается. См. также:Свойства анимации.
Версия: CSS Grid Layout Module Level 1
JavaScript синтаксис: object.style.gridColumnGap="50px"

Поддержка браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44