Свойство CSS3 column-rule-styleProperty


Пример

Правила стиля между указанными столбцами:

div
{
column-rule-style:dotted;
-moz-column-rule-style:dotted; /* Firefox */
-webkit-column-rule-style:dotted; /* Safari and Chrome */
}

Попробуйте сами »
Дополнительные примеры внизу этой страницы.

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

Цифры в таблице указывают первую версию браузера, поддерживающую это свойство.

Число, непосредственно предшествующее -webkit-, -ms- или -moz-, — это первая версия браузера, которая поддерживает свойство с префиксом.

Свойство
column-rule-style 50.0
4.0 -webkit-		 10.0 2.0 -moz- 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1

Определение свойства и инструкции по использованию

Свойство column-rule-style задаёт стиль линии между столбцами.

Значение по умолчанию: none
Наследуется: нет
версия: CSS3
Синтаксис JavaScript: object.style.columnRuleStyle="dotted"

Синтаксис

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

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

Examples

Другие примеры


Текст элемента div разделён на три столбца.


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


Задаёт правила между столбцами: ширина, стиль и цвет.

Связанные статьи

Руководство по CSS3:Множественные столбцы CSS3

Другие расширения