Свойство column-gap определяет расстояние между колонками в многоколоночном тексте.
Если используется свойство column-rule - видимая граница между колонками, то она будет отображаться в середине интервала между колонками.
CSS синтаксис
column-gap: расстояние | normal | initial | inherit;
Возможные значения
| Значение | Описание |
|---|---|
| расстояние | Значение интервала между колонками в единицах CSS (например, пикселах). |
| normal | Значение по умолчанию. Устанавливает стандартный интервал между колонками. W3C рекомендует значение 1em. |
| inherit | Значение наследуется от родительского элемента. |
| initial | Устанавливает значение по умолчанию. |
Пример использования
Устанавливаем между колонками отступ в 40px
div {
-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
-moz-column-gap: 40px; /* Firefox */
column-gap: 40px;
}
