CSS свойство column-rule-color
CSS свойстваОпределение и применение
CSS свойство column-rule-color определяет цвет разделительной линии между колонками.
Поддержка браузерами
Свойство | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
---|---|---|---|---|---|---|
column-rule-color | 50.0 4.0 -webkit- | 2.0 -moz- | 37.0* 15.0 -webkit- | 9.0 3.1 -webkit- | 10.0 | 12.0 |
CSS синтаксис:
column-rule-color:"color | initial | inherit";
JavaScript синтаксис:
object.style.columnRuleColor = "red"
Значения свойства
Значение | Описание |
---|---|
color | Определяет цвет тени (HEX, RGB, RGBA, HSL, HSLA, "Предопределённые цвета"). Значением по умолчанию является текущий цвет элемента. |
initial | Устанавливает свойство в значение по умолчанию. |
inherit | Указывает, что значение наследуется от родительского элемента. |
Версия CSS
CSS3Наследуется
Нет.Анимируемое
Да.Пример использования
<!DOCTYPE html> <html> <head> <title>Пример использования свойств column-rule-color / -style и - width</title> <style> .container { -webkit-columns: 3; /* для поддержки ранних версий браузеров */ -moz-columns: 3; /* для поддержки ранних версий браузеров */ columns: 3; /* указываем количество колонок на которое необходимо разбить элемент */ -webkit-column-rule-width: 3px; /* для поддержки ранних версий браузеров */ -moz-column-rule-width: 3px; /* для поддержки ранних версий браузеров */ column-rule-width: 3px; /* устанавливаем ширину разделительной линии между колонками */ -webkit-column-rule-style: dotted; /* для поддержки ранних версий браузеров */ -moz-column-rule-style: dotted; /* для поддержки ранних версий браузеров */ column-rule-style: dotted; /* устанавливаем стиль разделительной линии между колонками */ -webkit-column-rule-color: indigo; /* для поддержки ранних версий браузеров */ -moz-column-rule-color: indigo; /* для поддержки ранних версий браузеров */ column-rule-color: indigo; /* устанавливаем цвет разделительной линии между колонками */ } </style> </head> <body> <div class = "container"> Каймановая черепаха имеет большую голову с выпуклыми глазами, большую пасть с острыми челюстями, мощные когтистые лапы. Животное известно своей агрессивностью — при поимке черепаха активно обороняется, далеко выбрасывая голову на длинной шее и кусаясь. На зиму черепахи зарываются в ил на дне водоёма и впадают в спячку. В северных районах эта спячка длится с октября до мая. Любопытна устойчивость каймановых черепах к холоду. Нередко удаётся видеть, как они активно движутся в воде подо льдом или ползают по льду. </div> </body> </html>CSS свойства