Свойство column-rule-width в CSS

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

Свойство columnRuleWidth определяет правила ширины между колонками.

См. также:

CSS3 Tutorial:Многостраничный CSS3

HTML DOM Reference Manual:Свойство columnRuleWidth

Пример

Установить цвет правил между колонками:

div {
  column-rule-width: 10px;
}

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

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

CSS syntax

column-rule-width: thin|medium|thick|length;

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

Значение Описание Тестирование
thin Определяет тонкую ширину правила. Тестирование
medium Определяет среднюю ширину правила. Тестирование
thick Определяет ширину правила. Тестирование
length Определяет ширину правила. Тестирование

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

Значение по умолчанию: medium
Иерархичность: no
Версия: CSS3
JavaScript syntax: object.style.columnRuleWidth="thin"

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

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

Поддержка браузеров

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

Числа с префиксами -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