# Свойство column-rule

Свойство `column-rule` задает границу между колонками в многоколоночном тексте. По принимаемым значениям совпадает со свойством `border`.

## Пример . Тип solid

В данном примере текст разобьется на `3` колонки с границами между колонками в виде сплошной линии толщиной в `1px` (расстояние между столбцами сформируется автоматически, так как задан `column-gap` в значении `normal`):

`<div id="elem"> некий длинный текст </div>` `#elem { column-rule: 1px solid black; column-count: 3; column-gap: normal; text-align: justify; }`

:

## Пример . Влияние column-gap

В данном примере текст разобьется на `3` колонки с промежутком между ними в `50px`. Граница при этом пройдет по середине промежутка (справа и слева от границы будет по `25px`):

`<div id="elem"> некий длинный текст </div>` `#elem { column-rule: 1px solid black; column-count: 3; column-gap: 50px; text-align: justify; }`

:

## Смотрите также

- свойство `column-width`,
  которое задает ширину колонки
- свойство `column-count`,
  которое задает количество колонок
- свойство `column-gap`,
  которое задает промежуток между колонками
- свойство `column-span`,
  которое задает количество столбцов, на которые должен растягиваться элемент
- свойство `columns`,
  которое является свойством-сокращением для многоколоночности

← →
↑
en ru