CSS3

：

プロパティ

：

column-rule-style

　編集：2022.07.04 by T.A.

段組：column の罫線のスタイル。

名前	`column-rule-style`
値	<line-style>
初期値	none
適用対象	複 column コンテナ
継承	されない
百分率	受容しない
算出値	指定されたキーワード
正準的順序	文法に従う
アニメーション型	離散的

column-rule-style プロパティは、column 間に描かれる罫線のスタイルを設定する。<line-style> 値はボーダーの縮約モデルに従って解釈される†。

【† 意図不明 ─ 現時点では、各 column ごとに罫線のスタイルを変えられるわけでもないので、競合も生じない筈（将来を見据えての記述？）】

値 none は、column-rule-width の算出値を 0 に強制する。

<DIV style="border:1px solid red; width:150px;
 column-count:2;
 column-rule-width:30px;
 column-rule-style:dashed;
 column-rule-color:green;
">あああああああああああああああああああああ
</DIV>

<DIV style="border:1px solid red; width:150px;
 column-count:2;
 column-rule-width:15px;
 column-rule-style:dashed;
 column-rule-color:green;
">あああああああああああああああああああああ
</DIV>

テスト

ここに表示

スクリプト：

スクリプト：

表示内容：