例
列間のルールのスタイルを変更します。
document.getElementById("myDIV").style.columnRuleStyle = "dotted";
»それを自分で試してみてください 定義と使用法
columnRuleStyleプロパティは、カラム間のルールのスタイルを指定します。
ブラウザのサポート
columnRuleStyleプロパティは、Internet Explorer 10とOperaでサポートされています。
Firefoxは、代替、MozColumnRuleStyleプロパティをサポートしています。
SafariとChromeは、代替、WebkitColumnRuleStyleプロパティをサポート。
構文
columnRuleStyleプロパティを返します：
object .style.columnRuleStyle columnRuleStyleプロパティを設定します。
object .style.columnRuleStyle="none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|
initial|inherit"
プロパティ値
| 値 | 説明 |
|---|---|
| none | デフォルト値。 何のルールを定義していません |
| hidden | 隠されたルールを定義します |
| dotted | 点線のルールを定義します |
| dashed | 点線のルールを定義します |
| solid | 固体ルールを定義します |
| double | 二重のルールを定義します |
| groove | 3D溝付きのルールを指定します。 効果は、幅や色値に依存します |
| ridge | 3D隆起ルールを指定します。 効果は、幅や色値に依存します |
| inset | 3Dはめ込みルールを指定します。 効果は、幅や色値に依存します |
| outset | 3D最初のルールを指定します。 効果は、幅や色値に依存します |
| initial | このプロパティがデフォルト値に設定します。 最初の記事を読みます |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
技術的な詳細
| デフォルト値： | なし |
|---|---|
| 戻り値： | 要素の列ルールスタイルのプロパティを表す文字列、 |
| CSSのバージョン | CSS3 |
関連ページ
CSS3のチュートリアル： CSS3複数列
CSSリファレンス： column-rule-style property
<スタイルオブジェクト