column-rule-color，設定或檢索對象的列與列之間的框線顏色。
簡介,語法,取值,寫法,示例,
簡介
column-rule-color
語法
column-rule-color：
默認值：採用文本顏色
取值
指定顏色。請參閱顏色值
說明：
參閱border-color屬性
如果column-rule-width等於0或column-rule-style設定為none，本屬性將被忽略。
對應的腳本特性為columnRuleWidth。
寫法
核心類型寫法
Webkit(Chrome/Safari)-webkit-column-rule-color
Gecko(Firefox)-moz-column-rule-color
Presto(Opera)column-rule-color
Trident(IE)column-rule-color
W3Ccolumn-rule-color
示例
body {
font: 14px / 1.5 georgia,
serif,
sans - serif;
}
p {
margin: 0;
padding: 5px 10px;
background: #eee;
}
h1 {
margin: 10px 0;
font - size: 16px;
}
div {
width: 600px;
border: 10px solid#000; - moz - column - count: 3; - moz - column - gap: 20px; - moz - column - rule - width: 3px; - moz - column - rule - style: solid; - webkit - column - count: 3; - webkit - column - gap: 20px; - webkit - column - rule - width: 3px; - webkit - column - rule - style: solid;
column - count: 3;
column - gap: 20px;
column - rule - width: 3px;
column - rule - style: solid;
}.test { - moz - column - rule - color: #f00; - webkit - column - rule - color: #f00;
column - rule - color: #f00;
}.test2 { - moz - column - rule - color: #090; - webkit - column - rule - color: #090;
column - rule - color: #090;
}
column - rule - color: #f00This module describes multi - column layout in CSS. By using functionality described in this document,
style sheets can declare that the content of an element is to be laid out in multiple columns.column - rule - style: #090This module describes multi - column layout in CSS. By using functionality described in this document,
style sheets can declare that the content of an element is to be laid out in multiple columns.
