CSS-свойство column-gap указывает зазор между столбцами в элементе из нескольких столбцов. Если указано свойство column-rule, оно появится в середине промежутка.
| Значение по умолчанию: | normal |
| Применяется к: | Multi-column элементы |
| Наследование: | Нет |
| Анимирование: | Да. Анимируемые свойства |
| Версия: | Новый в CSS3 |
Синтаксис
Синтаксически свойства задаются по следующему шаблону:
column-gap: length | normal | initial | inherit
Примеры написания кода свойства column-gap:
p {
-webkit-column-gap: 50px; /* Chrome, Safari, Opera */
-moz-column-gap: 50px; /* Firefox */
column-gap: 50px; /* Standard syntax */
}
Значения свойств
В следующей таблице описаны значения этого свойства.
| Значение | Описание |
|---|---|
| length | Значение, определяющее размер промежутка между столбцами. Он не должен быть отрицательным, но может быть равен 0. |
normal |
Указывает использовать заданный браузером интервал по умолчанию между столбцами. Значение по умолчанию 1em в большинстве браузеров. |
initial |
Устанавливает это свойство в значение по умолчанию. |
inherit |
Если указан, связанный элемент принимает вычисленное значение своего родительского элемента column-gap. |
Поддержка браузеров
Свойство column-gap поддерживается во всех основных браузерах.















