column-gap
в CSS является свойством, которое устанавливает расстояние между колонками в контейнере, который используется для создания многоколоночного макета.
Например, следующий CSS код создает две колонки, разделенные пробелом в 20 пикселей:
.container {
column-count: 2;
column-gap: 20px;
}
Здесь свойство column-count
устанавливает количество колонок в контейнере (2 в данном случае), а свойство column-gap
устанавливает расстояние между колонками (20 пикселей).
column-gap
поддерживает следующие единицы измерения: пиксели, проценты, em, rem, и все другие стандартные единицы измерения в CSS.
Также в CSS есть свойство column-rule
, которое можно использовать для задания стиля, ширины и цвета линии, которая отображается между колонками. Пример:
.container {
column-count: 3;
column-gap: 10px;
column-rule: 2px solid black;
}
Здесь мы также задаем стиль и цвет линии между колонками (2 пикселя шириной и черного цвета).