css властивість column-rule-color
Властивість column-rule-color в багатоколонковому тексті задає колір ліній між колонок. Якщо такий колір явно не вказано, то колір тексту в колонках і колір ліній між ними збігається.
Властивість column-rule-color слід використовувати разом із властивостями column-rule-width та column-rule-style, інакше використання цієї властивості не буде мати ефекту (через відсутність значення "style" або "width").
- Нотатка
-
Ви можете використовувати універсальну властивість
автор: Svitlanacolumn-rule, щоб встановити ширину, стиль і колір стовпчика в одному місці.
Синтаксис
column-rule-color: color|initial|inherit;Властивість column-rule-color може отримувати 3 значень:
-
color -
Встановлює колір лінії, значення може бути в будь-якому допустимому для CSS форматі.
автор: Svitlana -
initial -
Встановлює цю властивість в значення без задання
автор: Svitlana -
inherit -
Успадкує значення властивості від свого батьківського елемента
автор: Svitlana
| Значення без задання: | Співпадає з кольором тексту |
|---|---|
| Наслідує: | Ні |
| Анімується: | Так |
| JavaScript синтаксис: | object.style.columnRuleColor="#0000ff" |
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 50 | 52 | 9 | 11.1 | 12 | 10 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 50 | 50 | 52 | 9 |
Приклади
+ запропонувати свій приклад у пісочниці
Колір розділювача — червоний. Сам собою колір лінію не намалює: стиль задано окремо через column-rule-style.
HTML
<div class="cols">Багатоколонкова верстка ділить текст автоматично: браузер сам вирішує, де перервати рядок і почати нову колонку. Що довший текст, то краще видно поділ — тому цей абзац навмисно багатослівний і ще й трохи повторюється, щоб колонкам було чим заповнитися.</div>CSS
.cols {
column-count: 3;
column-rule-style: solid;
column-rule-color: #ff0000;
}Значення у дії
Приклад використання
Коментарі
Коментарів ще немає — будьте першим!