column-ruleでカラム間の罫線の幅・スタイル・色を指定【CSS】

column-ruleプロパティは、各カラムの間に表示する罫線に関するプロパティである、幅・スタイル・色をまとめて指定するショートハンドプロパティです。

{column-rule: 幅スタイル色;}

column-ruleプロパティで指定できる値は、各プロパティ「column-rule-width」、「column-rule-style」、「column-rule-color」と同じで、それぞれの値は半角スペースで区切って指定します。

任意の順序で指定できますが、省略した場合は各プロパティの初期値が適用されます。

以下の2つのコードはどちらも同じ意味です。

{column-rule-width: medium;}
{column-rule-style: solid;}
{column-rule-color: red;}

{column-rule: medium solid red;}

column-ruleプロパティで、赤色の実線を指定しています。