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;
}