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

CSS-свойство column-rule-width устанавливает ширину пространства между столбцами в многостолбцовой компоновке.

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

Синтаксис

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

column-rule-width: length | medium | thin | thick | initial | inherit

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

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

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

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

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