css властивість column-rule-color
Властивість column-rule-color
в багатоколонковому тексті задає колір ліній між колонок. Якщо такий колір явно не вказано, то колір тексту в колонках і колір ліній між ними збігається.
Властивість column-rule-color
слід використовувати разом із властивостями column-rule-width
та column-rule-style
, інакше використання цієї властивості не буде мати ефекту (через відсутність значення "style" або "width").
Нотатка: | Ви можете використовувати універсальну властивість |
Синтаксис
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;
}