Руководство по CSS

CSS @правила (RULES)

Полный список CSS-свойств

Свойство column-span в CSS3 Свойство column-rule-style в CSS3

Метод использования и примеры column-rule-width CSS

Свойство column-rule-width CSS устанавливает ширину правила между колонками многостолбцового макета.

В таблице приведены примеры использования и история версий этого свойства, а также его использование в скриптах JavaScript.

Значение по умолчанию:	medium
Применяется к:	Элементы с несколькими колонками
Инherit:	Нет
Анимирован:	Да.См. также: Анимационные свойства.
Версия:	Новые возможности CSS3
JavaScript-синтаксис:	объект.style.columnRuleWidth="тонкий"

Синтаксис использования column-rule-width

Синтаксис этого свойства следующий:

column-rule-width: длина | medium | тонкий | толстый | initial | inherit

Ниже приведен пример того, как использовать свойство column-rule-width.

Пример

p {
　　　　/* Хром, Сafari, Опера */
　　　　-webkit-column-count: 3;
　　　　-webkit-column-gap: 100px;
　　　　-webkit-column-rule-color: красный;
　　　　-webkit-column-rule-width: 2px;
　　　　-webkit-column-rule-style: solid;
　　　　/* Firefox */
　　　　-moz-column-count: 3;
　　　　-moz-column-gap: 100px;
　　　　-moz-column-rule-color: red;
　　　　-moz-column-rule-width: 2px;
　　　　-moz-column-rule-style: solid;
　　　　
　　　　column-count: 3;
　　　　column-gap: 100px;
　　　　column-rule-color: red;
　　　　column-rule-width: 2px;
　　　　column-rule-style: solid;
}

Проверьте, посмотрите ›/›

Значения свойств

Таблица ниже описывает значения этого свойства.

Значение	Описание
length	Длина, выраженная в абсолютных или относительных единицах, используется для указания ширины правила.
medium	Определить среднюю линию. Это значение по умолчанию.
thin	Определить тонкую линию. Ширина меньше значения по умолчанию.
thick	Определить строгие правила. Ширина больше значения по умолчанию.
initial	Установить это свойство в его значение по умолчанию.
inherit	Если указано, то связанный элемент принимает значение свойства column-rule-width родительского элемента.

Совместимость браузеров

Совместимость браузеров с свойством column-rule-width, числа в таблице указывают на минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.

	Firefox 2+ ^-moz- Google Chrome 4+ ^-webkit- Internet Explorer 10+ Apple Safari 3.1+ ^-webkit- Opera 11.1+ ^-o-, 15+ ^-webkit-

Дополнительное чтение

Узнайте больше из следующих руководств:CSS3 многостраничная компоновка.

Связанные свойства:column-width,column-fill,column-gap,column-rule,column-rule-color,column-rule-style,column-span,column-count,columns.

Свойство column-span в CSS3 Свойство column-rule-style в CSS3