Свойства CSS

Меню

column-rule-style

Поддержка браузерами

12.0+ 10.0+

Описание

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

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

Синтаксис

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

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

Значение Описание
none Указывает, что рамка отсутствует.
hidden Тоже самое что и значение "none".
dotted Точечная рамка.
dashed Пунктирная рамка.
solid Сплошная рамка.
double Двойная рамка.
groove Создает эффект объемной рамки.
ridge Создает эффект объемной рамки.
inset Создает эффект объемной рамки.
outset Создает эффект объемной рамки.
inherit Указывает, что значение наследуется от родительского элемента.

Пример

CSS Свойство:
column-rule-style:
Результат:
Стандарт CSS3 еще не принят, но многие полезные свойства уже поддерживаются большинством браузеров. Из новых свойств стоит прежде всего обратить внимание на box-shadow и text-shadow, который позволяют добавлять различные по виду и расположению тени, как к тексту, так и к элементам, например можно сделать меню, отбрасывающую легкую тень, для придания объемного вида. Еще одно из свойств предназначено для работы с текстом - column, он позволяет делить текст на колонки, задавать ширину для них, управлять расстоянием между колонками и выбирать стиль, ширину и цвет для границ между ними.
CSS Код:
div {
column-count: 3;
column-rule-style: none;
column-rule-width: 3px;
}
Кликните на любое значение свойства, чтобы увидеть результат