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

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

CSS синтаксис

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

Возможные значения

ЗначениеОписание
noneЗначение по умолчанию. Разделительной линии нет.
hiddenТо же, что и none.
dottedРазделительная линия состоит из точек.
dashedРазделительная линия состоит из черточек.
solidСплошная разделительная линия.
doubleДвойная сплошная разделительная линия.
groove3-D разделительная линия с эффектом вдавленной линии.
ridge3-D разделительная линия с эффектом рельефной линии.
inset3-D разделительная линия с эффектом вдавленного углубления.
outset3-D разделительная линия с эффектом выставленного возвышения.
initialУстанавливает значение по умолчанию.
inheritЗначение наследуется от родительского элемента.

Пример использования

Определим стиль разделительной линии между колонок в междуколоночном тексте


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