CSS-свойство column-rule-color устанавливает цвет пространства между столбцами в многоколоночном макете.
| Значение по умолчанию: | Текущий color элемента |
| Применяется к: | Multi-column элементы |
| Наследование: | Нет |
| Анимирование: | Да. Анимируемые свойства |
| Версия: | Новый в CSS3 |
Синтаксис
Синтаксически свойства задаются по следующему шаблону:
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;
/* Standard syntax */
column-count: 3;
column-gap: 100px;
column-rule-color: red;
column-rule-width: 2px;
column-rule-style: solid;
}
Значения свойств
В следующей таблице описаны значения этого свойства.
| Значение | Описание |
|---|---|
| color | Устанавливает цвет пространства между столбцами. Принимает любой действительный CSS Color. |
initial |
Устанавливает это свойство в значение по умолчанию. |
inherit |
Если указан, связанный элемент принимает вычисленное значение своего родительского элемента column-rule-color. |
Поддержка браузеров
Свойство column-rule-color поддерживается во всех основных браузерах.
















