Перейти к содержанию

column-rule-color

Свойство column-rule-color в многоколоночном тексте задаёт цвет линий между колонок.

Если такой цвет явно не указан, то цвет текста в колонках и цвет линий между ними совпадает.

Демо

Колонки и таблицы

Синтаксис

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
/* <color> values */
column-rule-color: red;
column-rule-color: rgb(192, 56, 78);
column-rule-color: transparent;
column-rule-color: hsla(0, 100%, 50%, 0.6);

/* Global values */
column-rule-color: inherit;
column-rule-color: initial;
column-rule-color: unset;

Значения

<цвет>

устанавливает цвет линии, значение может быть в любом допустимом для CSS формате.

Примечание

Firefox поддерживает свойство -moz-column-rule-color.

Safari, Chrome и Аndroid поддерживают свойство -webkit-column-rule-color.

Значение по-умолчанию: Совпадает с цветом текста

Применяется к многоколоночным элементам

Спецификации

Поддержка браузерами

Can I Use multicolumn? Data on support for the multicolumn feature across the major browsers from caniuse.com.

Описание и примеры

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>column-rule-color</title>
        <style>
            .book {
                columns: 3 200px;
                -webkit-columns: 3 200px;
                -moz-columns: 3 200px;
                column-rule: 2px solid;
                -webkit-column-rule: 2px solid;
                -moz-column-rule: 2px solid;
                column-rule-color: #ccc;
                -webkit-column-rule-color: #ccc;
                -moz-column-rule-color: #ccc;
            }
        </style>
    </head>
    <body>
        <div class="book">
            Как было показано выше, кризис жанра дает
            звукоряд, и здесь в качестве модуса
            конструктивных элементов используется ряд
            каких-либо единых длительностей. Фьюжн, по
            определению, полифигурно варьирует гармонический
            интервал, и если в одних голосах или пластах
            музыкальной ткани сочинения еще продолжаются
            конструктивно-композиционные процессы предыдущей
            части, то в других — происходит становление
            новых. Трехчастная фактурная форма, в первом
            приближении, возможна. Форшлаг изящно продолжает
            хамбакер, и если в одних голосах или пластах
            музыкальной ткани сочинения еще продолжаются
            конструктивно-композиционные процессы предыдущей
            части, то в других — происходит становление
            новых.
        </div>
    </body>
</html>

Комментарии