スタイルcolumnRuleStyleプロパティ
例
列間のルールのスタイルを変更します。
document.getElementById("myDIV").style.columnRuleStyle = "dotted";
定義と使用法
columnRuleStyleプロパティは、列間のルールのスタイルを指定します。
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
columnRuleStyle | 50.0 | 10.0 | 52.0 | 10.0 | 37.0 |
構文
columnRuleStyleプロパティを返します。
object.style.columnRuleStyle
columnRuleStyleプロパティを設定します。
object.style.columnRuleStyle = "none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|
initial|inherit"
プロパティ値
Value | Description |
---|---|
none | Default value. Defines no rule |
hidden | Defines a hidden rule |
dotted | Defines a dotted rule |
dashed | Defines a dashed rule |
solid | Defines a solid rule |
double | Defines a double rule |
groove | Specifies a 3D grooved rule. The effect depends on the width and color values |
ridge | Specifies a 3D ridged rule. The effect depends on the width and color values |
inset | Specifies a 3D inset rule. The effect depends on the width and color values |
outset | Specifies a 3D outset rule. The effect depends on the width and color values |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
技術的な詳細
デフォルト値: | なし |
---|---|
戻り値: | 要素のcolumn-rule-styleプロパティを表す文字列 |
CSSバージョン | CSS3 |
関連ページ
CSS3チュートリアル:CSS3複数列
CSSリファレンス:column-rule-styleプロパティ
❮スタイルオブジェクト