CSSリファレンス

column-ruleの意味と使い方

「column-rule」は段と段の間隔の中央には、区切り線を表示することができます。この区切り線の種類は幅、色を指定するプロパティです。
ただし、幅や色を指定しただけでは区切り線は表示されません。これは線の種類を指定するcolumn-rule-styleプロパティの初期値が「none」のためです。幅や色の指定を有効にするには、column-rule-styleプロパティに「none」と「hidden」以外の値を指定しておく必要があります。

値の指定方法

column-rule-styleの値

区切り線の種類を指定します。


column-rule-widthの値

区切り線の太さを指定します。


column-rule-colorの値

区切り線の色を指定します。


関連プロパティ

  • column-gap:段の間隔を指定する