column-rule

Обновлено: 21.12.2022

column-rule

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

Краткая информация

Значение по умолчанию medium none
Наследуется Нет
Применяется К блочным элементам (кроме таблиц), ячейкам и элементам, у которых display установлен как inline-block
Анимируется Да

Синтаксис 

column-rule: column-rule-width || column-rule-style || column-rule-color

Значения

Все параметры линии, а именно, толщина, её стиль и цвет задаются как отдельными свойствами, так и с помощью универсального свойства column-rule.

Свойство column-rule-width определяет толщину линии. Для управления стилем линии предоставляется несколько значений column-rule-style. Их названия и результат действия представлен на рис. 1.

Рис.1. Стили линии

column-rule-color устанавливает цвет линии, значение может быть в любом допустимом для CSS формате.

Пример

Объектная модель

Объект.style.columnRule

Примечание

Chrome до версии 50 b Safari до версии 9 поддерживают свойство -webkit-column-rule.

Firefox до версии 52 поддерживает свойство -moz-column-rule.

Браузеры

column-rule

Посмотреть совместимость на Can I use?

column-rule