Вы здесь

CSS свойство column-rule

В многоколоночном тексте отрисовывает разделительную линию между колонок и определяет её параметры.

Свойство column-rule позволяет определить все атрибуты разделительной линии между колонок за одну декларацию, устанавливая следующие свойства: column-rule-width, column-rule-style и column-rule-color.

CSS синтаксис

column-rule: column-rule-width column-rule-style column-rule-color | initial | inherit;

Возможные значения

Значение Описание
column-rule-width Устанавливает толщину разделительной линии между колонками. По умолчанию "medium".
column-rule-style Устанавливает стиль разделительной линии между колонками. По умолчанию "none".
column-rule-color Устанавливает цвет разделительной линии между колонками. По умолчанию - цвет элемента.
inherit Значение наследуется от родительского элемента.
initial Устанавливает значение по умолчанию.

Пример

Устанавливаем ширину, стиль и цвет разделительной линии между колонками


div {
     -webkit-column-rule: 4px outset #ff00ff; /* Chrome, Safari, Opera */
    -moz-column-rule: 4px outset #ff00ff; /* Firefox */
    column-rule: 4px outset #ff00ff;
}