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

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

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

правити

Нотатка

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

автор: Svitlana правити

+ додати пораду чи нотатку

Синтаксис

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

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

color

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

автор: Svitlana

правити

initial

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

автор: Svitlana

правити

inherit

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

автор: Svitlana

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
column-rule-color	1.0 -webkit-	3.5 -moz-	3.0 -webkit-	11.1	12.0	10.0

Підтримка: мобільні переглядачі

Переглядач
column-rule-color	1.0 -webkit-	3.5 -moz-	3.0 -webkit-

Приклади

+ запропонувати свій приклад у пісочниці

<div class="cols">Багатоколонкова верстка ділить текст автоматично: браузер сам вирішує, де перервати рядок і почати нову колонку. Що довший текст, то краще видно поділ — тому цей абзац навмисно багатослівний і ще й трохи повторюється, щоб колонкам було чим заповнитися.</div>

.cols {
    column-count: 3;
    column-rule-style: solid;
    column-rule-color: #ff0000;
}