column-rule
Поддержка браузерами
Описание
CSS свойство column-rule позволяет указать значения свойств column-rule-* (ширину, стиль и цвет) в одном объявлении.
| Значение по умолчанию: |
medium none black |
| Применяется: |
к многоколоночным элементам |
| Анимируется: |
да, смотрите каждое свойство, входящее в состав краткого метода, отдельно |
| Наследуется: |
нет |
| Версия: |
CSS3 |
| Синтаксис JavaScript: |
object.style.columnRule="3px outset #ff00ff" |
Синтаксис
column-rule: column-rule-width column-rule-style column-rule-color|inherit;
Значения свойства
| Значение |
Описание |
| column-rule-width |
Задает ширину отображаемой границы между колонками. |
| column-rule-style |
Определяет стиль отображаемой границы между колонками. |
| column-rule-color |
Задает цвет отображаемой границы между колонками. |
| inherit |
Указывает, что значение наследуется от родительского элемента. |
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Пример</title>
<style>
.newspaper {
column-count: 3;
column-gap: 40px;
column-rule: 4px outset #ff00ff;
}
</style>
</head>
<body>
<div class="newspaper">
Стандарт CSS3 еще не принят, но многие полезные свойства уже поддерживаются
большинством браузеров. Из новых свойств стоит прежде всего обратить внимание
на box-shadow и text-shadow, который позволяют добавлять различные по виду
и расположению тени, как к тексту, так и к элементам, например можно сделать
меню, отбрасывающую легкую тень, для придания объемного вида. Еще одно из
свойств предназначено для работы с текстом - column, он позволяет делить текст
на колонки, задавать ширину для них, управлять расстоянием между колонками и
выбирать стиль, ширину и цвет для границ между ними.
</div>
</body>
</html>
Результат данного примера в окне браузера:
