Column gap css что это

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 пикселя шириной и черного цвета).

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Column gap css что это

Наш специалист свяжется с вами в ближайшее время и уточнит детали