column-rule-color

column-rule-color: red;

column-rule-color: rgb(48, 125, 222);

column-rule-color: hsla(120, 80%, 40%, 0.6);

column-rule-color: currentcolor;

<section id="default-example">
  <p id="example-element">
    ロンドン。ミカエル学期の終わり、リンカーンズ・イン・ホールに大法官が座っています。容赦のない 11 月の天候。街は、まるで地球から水が引き始めたばかりのように泥だらけで、ホルボーン・ヒルを象のようなトカゲのようによちよち歩く、体長 12 メートルほどのメガロサウルスに出会っても不思議ではないでしょう。
  </p>
</section>

#example-element {
  columns: 3;
  column-rule: solid;
  text-align: left;
}

/* <color> 値 */
column-rule-color: red;
column-rule-color: rgb(192 56 78);
column-rule-color: transparent;
column-rule-color: hsl(0 100% 50% / 60%);

/* グローバル値 */
column-rule-color: inherit;
column-rule-color: initial;
column-rule-color: revert;
column-rule-color: revert-layer;
column-rule-color: unset;

<p>
  これは 3 つの段組みに分割されたテキストです。 `column-rule-color` プロパティは、段の間に描画される行の色を変更するために使用されます。素晴らしいと思いませんか？
</p>

p {
  column-count: 3;
  column-rule-style: solid;
  column-rule-color: blue;
}