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

CSS-свойство column-rule определяет свойства для пространства между столбцами column. Это короткое свойство для одновременной установки отдельных свойствcolumn-rule-width, column-rule-style и column-rule-color.

Значение по умолчанию:	Индивидуальные CSS-свойства
Применяется к:	Multi-column элементы
Наследование:	Нет
Анимирование:	Да, так как некоторые подсвойства являются анимируемыми. Анимируемые свойства
Версия:	Новый в CSS3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

column-rule: [ column-rule-width column-rule-style column-rule-color ] | initial | inherit

Примеры написания кода свойства column-rule:

p {
    /* Chrome, Safari, Opera */
    -webkit-column-count: 3;
    -webkit-column-gap: 100px;
    -webkit-column-rule: 2px solid red;
    /* Firefox */
    -moz-column-count: 3;
    -moz-column-gap: 100px;
    -moz-column-rule: 2px solid red;
    /* Standard syntax */
    column-count: 3;
    column-gap: 100px;
    column-rule: 2px solid red;
}

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение	Описание
`column-rule-width`	Устанавливает ширину пространства между столбцами. Значение по умолчанию — `medium`. Отрицательные значения не допускаются.
`column-rule-style`	Устанавливает стиль пространства между столбцами. Значение по умолчанию `none`
`column-rule-color`	Устанавливает цвет пространства между столбцами. Значение по умолчанию — это `color` элемента.
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	Если указан, связанный элемент принимает вычисленное значение своего родительского элемента `column-rule`.