css властивість column-rule-color


Властивість column-rule-color в багатоколонковому тексті задає колір ліній між колонок. Якщо такий колір явно не вказано, то колір тексту в колонках і колір ліній між ними збігається.

Властивість `column-rule-color`

Властивість column-rule-color слід використовувати разом із властивостями column-rule-width та column-rule-style, інакше використання цієї властивості не буде мати ефекту (через відсутність значення "style" або "width").

Нотатка:

Ви можете використовувати універсальну властивість column-rule, щоб встановити ширину, стиль і колір стовпчика в одному місці.

Синтаксис

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

Властивість column-rule-color може отримувати 3 значення:

color

Встановлює колір лінії, значення може бути в будь-якому допустимому для CSS форматі.

initial

Встановлює цю властивість в значення без задання

inherit

Успадкує значення властивості від свого батьківського елемента

Значення без задання: Співпадає з кольором тексту
Наслідує: Ні
Анімується: Так
JavaScript синтаксис: object.style.columnRuleColor="#0000ff"

Переглядачі

Переглядач
column-rule-color

1.0 -webkit-

10.0

3.5 -moz-

3.0 -webkit-

11.1

12.0

Переглядач
column-rule-color

1.0 -webkit-

3.5 -moz-

3.0 -webkit-


Мобільних переглядачів ще не додано.

Приклади


Значення у дії

Приклад використання

Лінія буде червоного кольору

div { 


  -webkit-column-rule-color: #ff0000; /* Chrome, Safari, Opera */ 


  -moz-column-rule-color: #ff0000; /* Firefox */ 


  column-rule-color: #ff0000; 


}

Додаткові посилання