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