樣式 columnRule 屬性
示例
設定列之間的規則的寬度、樣式和顏色
document.getElementById("myDIV").style.columnRule = "3px outset blue";
自己動手試一試 »
描述
columnRule 屬性是設定所有 columnRule 屬性的簡寫屬性。
columnRule 屬性設定列之間規則的寬度、樣式和顏色。
columnRule 屬性按任意順序排列:
columnRuleColor
columnRuleStyle
columnRuleWidth
瀏覽器支援
屬性 | |||||
---|---|---|---|---|---|
columnRule | 50.0 | 10.0 | 52.0 | 10.0 | 37.0 |
語法
返回 columnRule 屬性
object.style.columnRule
設定 columnRule 屬性
object.style.columnRule = "column-rule-width column-rule-style column-rule-color|initial|inherit"
屬性值
值 | 描述 |
---|---|
columnRuleWidth | 設定列之間的規則的寬度。預設值為 medium |
columnRuleStyle | 設定列之間的規則的樣式。預設值為 none |
columnRuleColor | 設定列之間的規則的顏色。預設值為元素的顏色 |
initial | 將此屬性設定為其預設值。閱讀關於 initial |
inherit | 從其父元素繼承此屬性。閱讀關於 inherit |
技術詳情
預設值 | medium none color |
---|---|
返回值 | 字串,表示元素的 column-rule 屬性 |
CSS 版本 | CSS3 |
相關頁面
CSS3 教程:CSS3 多列布局
CSS 參考:column-rule 屬性