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

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

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

См. также:

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

HTML DOM справочник:columnRuleStyle свойство

Пример

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

div {
  column-rule-style: dotted;
}

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

Более примеров внизу страницы.

CSS syntax

column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;

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

Значение Описание Тестирование
none Определяет отсутствие линий. Тестирование
hidden Определяет скрытую линию. Тестирование
dotted Определяет точечную линию. Тестирование
dashed Определяет пунктирную линию. Тестирование
solid Определяет сплошную линию. Тестирование
double Определяет двойную линию. Тестирование
groove Определяет 3D grooved правило. Эффект зависит от значений ширины и цвета. Тестирование
ridge Определяет 3D ridged правило. Эффект зависит от значений ширины и цвета. Тестирование
inset Определяет 3D inset правило. Эффект зависит от значений ширины и цвета. Тестирование
outset Определяет 3D outset правило. Эффект зависит от значений ширины и цвета. Тестирование

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

Значение по умолчанию: none
Ингеритность: no
Версия: CSS3
JavaScript syntax: object.style.columnRuleStyle="dotted"

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

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