column-rule-color
Поддержка браузерами
| 12.0+ | 10.0+ |
Описание
CSS свойство column-rule-color задает цвет отображаемой границы между колонками.
| Значение по умолчанию: | black |
|---|---|
| Применяется: | к многоколоночным элементам |
| Анимируется: | да |
| Наследуется: | нет |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object.style.columnRuleColor="#ff00ff" |
Синтаксис
column-rule-color: цвет|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| цвет | Задает цвет отображаемой границы. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
CSS Свойство:
column-rule-color:
Результат:
Стандарт CSS3 еще не принят, но многие полезные свойства уже поддерживаются большинством браузеров. Из новых свойств стоит прежде всего обратить внимание на box-shadow и text-shadow, который позволяют добавлять различные по виду и расположению тени, как к тексту, так и к элементам, например можно сделать меню, отбрасывающую легкую тень, для придания объемного вида. Еще одно из свойств предназначено для работы с текстом - column, он позволяет делить текст на колонки, задавать ширину для них, управлять расстоянием между колонками и выбирать стиль, ширину и цвет для границ между ними.
CSS Код:
div {
column-count: 3;
column-rule-style: solid;
column-rule-color: red;
}
column-count: 3;
column-rule-style: solid;
column-rule-color: red;
}