スタイルcolumnRuleプロパティ
例
列間のルールの幅、スタイル、および色を指定します。
document.getElementById("myDIV").style.columnRule = "3px outset blue";
定義と使用法
columnRuleプロパティは、すべてのcolumnRuleプロパティを設定するための省略形のプロパティです。
columnRuleプロパティは、列間のルールの幅、スタイル、および色を設定します。
列ルールのプロパティは、任意の順序で次のようになります。
columnRuleColor
columnRuleStyle
columnRuleWidth
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
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"
プロパティ値
Value | Description |
---|---|
columnRuleWidth | Sets the width of the rule between columns. Default value is medium |
columnRuleStyle | Sets the style of the rule between columns. Default value is none |
columnRuleColor | Sets the color of the rule between columns. Default value is the color of the element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
技術的な詳細
デフォルト値: | ミディアムなしカラー |
---|---|
戻り値: | 要素のcolumn-ruleプロパティを表す文字列 |
CSSバージョン | CSS3 |
関連ページ
CSS3チュートリアル:CSS3複数列
CSSリファレンス:column-ruleプロパティ
❮スタイルオブジェクト