English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Атрибут column-rule-color CSS устанавливает цвет всех правил,画的 между колонками в многоколонном макете.
В таблице ниже приведено описание использования и истории версий этого атрибута, а также его использование в скриптах JavaScript.
| Значение по умолчанию: | ТекущийcolorЗначение элемента |
|---|---|
| Подходит для: | Элементы с несколькими колонками |
| Ингерит: | Нет |
| Анимируемо: | Да.См. также Атрибут анимации. |
| Версия: | Новая функция CSS3 |
| JavaScript грамматика: | объект.style.columnRuleColor="#ff00ff" |
Грамматика этого атрибута такая:
column-rule-color: color | initial | inherit
Ниже приведен пример того, как использовать атрибут column-rule-color.
p {
/* Chrome, Safari, Opera */
-webkit-column-count: 3;
-webkit-column-gap: 100px;
-webkit-column-rule-color: red;
-webkit-column-rule-width: 2px;
-webkit-column-rule-style: solid;
/* Firefox */
-moz-column-count: 3;
-moz-column-gap: 100px;
-moz-column-rule-color: red;
-moz-column-rule-width: 2px;
-moz-column-rule-style: solid;
column-count: 3;
column-gap: 100px;
column-rule-color: red;
column-rule-width: 2px;
column-rule-style: solid;
}Проверьте, посмотрите‹/›Таблица ниже описывает значения этого свойства.
| Значение | Описание |
|---|---|
| color | Указать цвет правил колонки. Принимает любую действительнуюCSS цветовые значения. |
| initial | Установить этот параметр в его значение по умолчанию. |
| inherit | Если указано, то связанные элементы используют значение свойства column-rule-color родительского элемента. |
Совместимость браузеров для свойства column-rule-color, числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Пожалуйста, обратитесь к следующим учебникам:CSS3 многостраничная разметка.
Соответствующие свойства:column-width,column-fill,column-gap,column-rule,column-rule-width,column-rule-style,column-span,column-count,columns.