Атрибут column-rule в CSS

Определение и использование

Атрибут columnRule - это сокращенный атрибут, который используется для установки всех атрибутов column-rule-*.

Атрибут columnRule устанавливает ширину, стиль и цвет правил между колонками.

См. также:

Учебник CSS3:Многостраничный CSS3

Руководство по HTML DOM:Атрибут columnRule

Пример

Определите правила ширины, стиля и цвета между колонками:

div
{
column-rule:3px outset #ff00ff;
}

Попробуйте сами

Более примеров в нижней части страницы.

Синтаксис CSS

column-rule: column-rule-width column-rule-style column-rule-color;

Значение атрибута

Значение Описание
column-rule-width Установите правило ширины между колонками.
column-rule-style Установите правило стиля между колонками.
column-rule-color Установите правило цвета между колонками.

Технические детали

По умолчанию: medium none black
Инheritance: нет
Версия: CSS3
JavaScript синтаксис: object.columnRule="3px outset #ff00ff"

Более примеров

Column-count
Разделите текст в элементе div на три колонки.
Column-gap
Разделите текст в элементе div на три колонки, с интервалом между ними 30 пикселей.

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

Числа в таблице указывают на первую версию браузера, которая поддерживает этот атрибут полностью.

Числа с префиксами -webkit- или -moz- представляют собой первую версию, в которой используется префикс.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-
10.0 52.0
2.0 -moz-
9.0
3.1 -webkit-
37.0
15.0 -webkit
11.1