column-rule-color CSS プロパティとは
トピック：マルチコラムレイアウトの列の間に引かれたすべてのルールの色を設定する、ことができる コラムルールは、複数列のレイアウトの列の間に表示される境界線の種類として表示する
プロパティ column-rule-color
基本 書式：セレクタ {column-rule-color:値;}
使用上の注意：column-rule-colorプロパティはcolumn-rule-widthおよびcolumn-rule-styleプロパティと組み合わせて使用することが、必要 です。そうしないと効果が発生しません(「スタイル」又は 、「幅」値がないため)
実例 コード 1
サンプル コードを試すプロパティ 定義と使用法
| デフォルト値・初期値 : | currentcolor |
|---|
| 適用対象 : | 多段要素 |
|---|
| 継承 : | 不可 |
|---|
| メディア : | visual |
|---|
| 計算値 : | 計算された色 |
|---|
CSS Version | CSS3 |
|---|
| アニメーションの種類 : | 色 |
|---|
| JavaScript 構文 | object.style.columnRuleColor="funWebref" |
|---|
| 正規順序 : | per grammar |
|---|
| CSSの構文 | column-rule-color: color | initial | inherit; |
|---|
サポートするデスクトップ ブラウザ対応・互換性
| Property | Desktop 互換性 |
|---|
| column-rule-color | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|
| 基本 サポート | フルサポート◯50 | フルサポート◯12 | フルサポート◯52 | フルサポート◯10 | フルサポート◯11.1 | フルサポート◯3 |
|---|
サポートするモバイル ブラウザ対応・互換性
| Property | Mobile 互換性 |
|---|
| column-rule-color | Android | Chrome for Android
| Edge Mobile | Firefox for Android
| Opera for Android
| iOS Safari | Samsung Internet |
|---|
| 基本 サポート | フルサポート◯あり | フルサポート◯50 | フルサポート◯あり | フルサポート◯52 | 不明 | 不明 | フルサポート◯5.0 |
|---|
プロパティ値
| 値 | 説明 |
|---|
color | 列ルールの色を指定する 任意の有効なCSSカラー値をとります。 |
inherit | このプロパティをデフォルト値に設定する |
inherit | 親要素からこのプロパティを継承する |
unset | この値は、プロパティが継承されるかどうかに応じて、inheritまたはのいずれかinitialとして機能します。つまり、すべてのプロパティを継承可能な場合は親の値に設定し、継承できない場合は初期値に設定する |
CSS column-rule-color | CSS プロパティ 値| 意味 使い方 実例 – WebRef