Атрибут column-gap в CSS

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

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

Примечание:Если между столбцами установлено column-ruleон будет отображаться в центре интервала.

См. также:

Уроки CSS3:Многостраничный CSS3

Руководство по HTML DOM:Свойство columnGap

Пример

Определяет интервал между столбцами в 40 пикселях:

div {
  column-gap: 40px;
}

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

Более примеров в нижней части страницы.

Синтаксис CSS

column-gap: length|normal;

Значение свойства

Значение Описание Тестирование
length Устанавливает интервал между столбцами на указанную длину. Тестирование
normal Определяет интервал между столбцами как обычный интервал. Рекомендуемое значение W3C - 1em. Тестирование

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

Значение по умолчанию: normal
Ингерит: нет
Версия: CSS3
JavaScript синтаксис: object.style.columnGap="40px"

Более примеров

Column-count
Разделение текста в элементе div на три столбца.
Column-rule
Определяет ширину, стиль и цвет между столбцами.

Поддержка браузерами

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

Числа с префиксами -webkit- или -moz- означают использование первой версии с префиксом.

свойства Chrome IE / Edge Firefox Safari Opera
в многостолбцовом формате 50 10 52 10 37
в сетке 66 16 61 12 53
в эластичном контейнере 84 84 63 14.1 70