CSS

The CSS column-rule-color property is used to specify the color of the border lines between columns in a multi-column layout.

column-rule-color

　column-rule-colorプロパティは、CSSの多列レイアウトで使用されるプロパティの一つで、列の境界線の色を指定するために使われます。

　このプロパティは、RGB値、HEX値、または CSSで定義された色名を使用して色を指定します。指定された色は、多列レイアウトで定義された各列の境界線の色に適用されます。

　例えば、以下のように指定することができます。

.column {
	column-count: 3;
	column-rule: 1px solid black;
	column-rule-color: red;
}

　この例では、クラス名が「column」の要素が 3つの列に分割され、1ピクセルの幅で黒色の境界線が定義されています。そして、column-rule-colorプロパティによって、その境界線の色が赤に変更されています。

　このプロパティは、多列レイアウトの外観をカスタマイズする場合に便利です。例えば、複数の列を持つ新聞や雑誌のようなウェブサイトのレイアウトを作成する場合に役立ちます。