В многоколоночном тексте отрисовывает разделительную линию между колонок и определяет её параметры.
Свойство column-rule позволяет определить все атрибуты разделительной линии между колонок за одну декларацию, устанавливая следующие свойства: column-rule-width, column-rule-style и column-rule-color.
CSS синтаксис
column-rule: column-rule-width column-rule-style column-rule-color | initial | inherit;
Возможные значения
| Значение | Описание |
|---|---|
| column-rule-width | Устанавливает толщину разделительной линии между колонками. По умолчанию "medium". |
| column-rule-style | Устанавливает стиль разделительной линии между колонками. По умолчанию "none". |
| column-rule-color | Устанавливает цвет разделительной линии между колонками. По умолчанию - цвет элемента. |
| inherit | Значение наследуется от родительского элемента. |
| initial | Устанавливает значение по умолчанию. |
Пример использования
Устанавливаем ширину, стиль и цвет разделительной линии между колонками
div {
-webkit-column-rule: 4px outset #ff00ff; /* Chrome, Safari, Opera */
-moz-column-rule: 4px outset #ff00ff; /* Firefox */
column-rule: 4px outset #ff00ff;
}
