Style columnRuleStyle属性
- 前のページ columnRuleColor
- 次のページ columnRuleWidth
- 上一层に戻る HTML DOM Styleオブジェクト
定義と使用法
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 | 2つの境界線を定義します。境界線の幅は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 |
ブラウザのサポート
| クローム | エッジ | ファイアフォックス | サファリ | オペラ |
|---|---|---|---|---|
| クローム | エッジ | ファイアフォックス | サファリ | オペラ |
| 50.0 | 10.0 | 52.0 | 10.0 | 37.0 |
- 前のページ columnRuleColor
- 次のページ columnRuleWidth
- 上一层に戻る HTML DOM Styleオブジェクト
