最終更新日

column-rule-widthプロパティ

column-rule-widthは、段組みの、段と段の間の境界線の「太さ」を指定するプロパティです。指定できる値は、border-widthと同じです。

境界線の「種類」を指定する場合は、column-rule-styleを使用します。
境界線の「色」を指定する場合は、column-rule-colorを使用します。
境界線の「種類、色、太さ」をまとめて指定する場合は、column-ruleを使用します。

下記の   の部分が、column-ruleです。

カラムモデル

段組みの段と段の間隔(    の部分)を指定する場合は、column-gapを使用します。

CSS3での変更点
・column-rule-widthは、CSS3から新しく追加されたプロパティです。
初期値 適用先 継承
medium 段組された要素 なし
説明
数値 罫線の太さを「px」や「em」などで指定します。
thin 細い
medium 中くらい(初期値
thick 太い
サンプルコード
column-rule-width: 1px;
column-rule-width: thin;
column-rule-width: medium;
column-rule-width: thick;
参考文献:CSS Multi-column Layout Module外部リンク
HOME
当サイトの活動をサポートしてみませんか?気軽にクリエイターの支援ができます。