CSS3 column-rule-colorプロパティ
実例
列間の色のルールを指定：
div
{
column-rule-color:#ff0000;
-moz-column-rule-color:#ff0000; /* Firefox */
-webkit-column-rule-color:#ff0000; /* Safari and Chrome */
}
{
column-rule-color:#ff0000;
-moz-column-rule-color:#ff0000; /* Firefox */
-webkit-column-rule-color:#ff0000; /* Safari and Chrome */
}
試してみる »
このページの下部には、さらに多くの例があります。
ブラウザ対応
表内の数字は、そのプロパティをサポートする最初のブラウザバージョンを示します。
-webkit-、-ms- または -moz- の前の数字は、そのプレフィックス付きプロパティをサポートする最初のブラウザバージョンを示します。
| プロパティ | |||||
|---|---|---|---|---|---|
| column-rule-color | 50.0 4.0 -webkit- |
10.0 | 2.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit 11.1 |
プロパティの定義と使用説明
column-rule-color プロパティは、列間の色のルールを指定します。
| デフォルト値: | black |
|---|---|
| 継承: | no |
| バージョン: | CSS3 |
| JavaScript 構文: | object.style.columnRuleColor="#ff00ff" |
構文
column-rule-color: color;
| 值 | 説明 | テスト |
|---|---|---|
| color | 色のルールを指定します。CSS色の値で色の値の完全なリストを探してください。 |
その他の実例
div 要素のテキストを3列に分割します。
div 要素のテキストを3列に分割し、列間のギャップを30ピクセルに指定します。
列間のルール（幅、スタイル、色）を指定します。
関連記事
CSS3 チュートリアル:CSS3 Multiple Columns
その他の拡張