Style columnRule属性
- 前のページ columnGap
- 次のページ columnRuleColor
- 上一層に戻る HTML DOM Styleオブジェクト
定義と使用方法
columnRule 属性はすべてのcolumnRule属性を設定するショートカット属性です。
columnRule 属性は列間のルールの幅、スタイル、色を設定します。
列ルール属性はどの順番でも並べ替え可能です：
参照もしてください：
CSS3チュートリアル：CSS 多列
CSSリファレンスマニュアル：column-rule属性
例
列間のルールの幅、スタイル、色を指定します：
document.getElementById("myDIV").style.columnRule = "3px outset blue";
文法
columnRule属性の返り値：
object.style.columnRule
columnRule属性の設定：
object.style.columnRule = "column-rule-width column-rule-style column-rule-color|initial|inherit"
属性値
| 値 | 説明 |
|---|---|
| columnRuleWidth | 列間のルールの幅を設定します。デフォルト値はmediumです。 |
| columnRuleStyle | 列間のルールのスタイルを設定します。デフォルト値はnoneです。 |
| columnRuleColor | 列間のルールの色を設定します。デフォルト値は要素の色です。 |
| initial | この属性をデフォルト値に設定します。参照してください initial。 |
| inherit | 親要素からこの属性を継承します。参照してください inherit。 |
技術的詳細
| デフォルト値： | medium none color |
|---|---|
| 返り値： | 文字列、要素の column-rule属性。 |
| CSSバージョン： | CSS3 |
ブラウザのサポート
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 50.0 | 10.0 | 52.0 | 10.0 | 37.0 |
- 前のページ columnGap
- 次のページ columnRuleColor
- 上一層に戻る HTML DOM Styleオブジェクト
