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

column-rule-style

Свойство column-rule-style определяет стиль линий между колонок в многоколоночном тексте.

Демо

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

Синтаксис

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
column-rule-style: none;
column-rule-style: hidden;
column-rule-style: dotted;
column-rule-style: dashed;
column-rule-style: solid;
column-rule-style: double;
column-rule-style: groove;
column-rule-style: ridge;
column-rule-style: inset;
column-rule-style: outset;

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

Значения

none

Линия не отображается и значение её толщины обнуляется.

hidden

Аналогично none.

dotted

Линия состоящая из набора точек.

dashed

Пунктирная линия, состоящая из серии коротких отрезков.

solid

Сплошная линия.

double

Двойная линия.

groove

Создаёт эффект вдавленной линии.

ridge

Создаёт эффект рельефной линии.

inset

Псевдотрёхмерная линия.

outset

Псевдотрёхмерная линия.

Вид указанных стилей представлен на рис. 1.

Рис.1. Стили линии

Примечание

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

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

Значение по-умолчанию:

1
column-rule-style: none;

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

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

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

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
<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>column-rule-style</title>
        <style>
            .book {
                columns: 3 200px;
                -webkit-columns: 3 200px;
                -moz-columns: 3 200px;
                column-rule-style: solid;
                -webkit-column-rule-style: solid;
                -moz-column-rule-style: solid;
            }
        </style>
    </head>
    <body>
        <div class="book">
            Как было показано выше, кризис жанра дает
            звукоряд, и здесь в качестве модуса
            конструктивных элементов используется ряд
            каких-либо единых длительностей. Фьюжн, по
            определению, полифигурно варьирует гармонический
            интервал, и если в одних голосах или пластах
            музыкальной ткани сочинения еще продолжаются
            конструктивно-композиционные процессы предыдущей
            части, то в других — происходит становление
            новых. Трехчастная фактурная форма, в первом
            приближении, возможна. Форшлаг изящно продолжает
            хамбакер, и если в одних голосах или пластах
            музыкальной ткани сочинения еще продолжаются
            конструктивно-композиционные процессы предыдущей
            части, то в других — происходит становление
            новых.
        </div>
    </body>
</html>

Комментарии