Style columnRuleStyle 屬性

定義和用法

columnRuleStyle 屬性規定列之間規則的樣式。

另請參閱：

CSS3 教程：CSS 多列

CSS 參考手冊：column-rule-style 屬性

實例

更改列之間規則的樣式：

document.getElementById("myDIV").style.columnRuleStyle = "dotted";

親自試一試

語法

返回 columnRuleStyle 屬性：

object.style.columnRuleStyle

設置 columnRuleStyle 屬性：

object.style.columnRuleStyle = "none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit"
值 描述
none 定義無邊框。默認。
hidden 與 "none" 相同，但在解決表格元素的邊框沖突中除外。
dotted 定義點狀邊框。
dashed 定義虛線邊框。
solid 定義實心邊框。
double 定義兩個邊界。兩個邊框的寬度與 border-width 的值相同。
groove 定義 3D 凹槽邊框。效果取決于 border-color 的值。
ridge 定義 3D 脊狀邊界。效果取決于 border-color 的值。
inset 定義 3D inset 邊框。效果取決于 border-color 的值。
outset 定義 3D outset 邊框。效果取決于 border-color 的值。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： 無
返回值： 字符串，表示元素的 column-rule-style 屬性。
CSS 版本： CSS3

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0