CSS column-rule-width 属性

定義と使用法

column-rule-width属性は、列間の幅ルールを指定します。

参照してください：

CSS3チュートリアル：CSS3 多列

HTML DOMリファレンスマニュアル：columnRuleWidth属性

例

列間の色ルールを設定します：

div {
  column-rule-width: 10px;
}

自分で試してみてください

ページの下部にさらに例があります。

CSS文法

column-rule-width: thin|medium|thick|length;

属性値

値 説明 テスト
thin 細いルールを定義します。 テスト
medium 中程度のルールを定義します。 テスト
thick ルールの幅を定義します。 テスト
length ルールの幅を指定します。 テスト

技術的詳細

デフォルト値： medium
継承性： no
バージョン： CSS3
JavaScript文法： object.style.columnRuleWidth="thin"

さらに例

Column-count
div要素内のテキストを3列に分割します。
Column-gap
div要素内のテキストを3列に分け、列間に30ピクセルの間隔を設定します。
Column-rule
列間の幅、スタイル、色を指定します。

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

「-webkit-」または「-moz-」で始まる数字は、プレフィックスを使用する最初のバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1