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
поддерживается во всех основных браузерах.