CSSリファレンス

column-rule-styleの意味と使い方

「column-rule-style」は区切り線の種類を指定します。値にはボーダーと同じキーワードが指定できます。ただし、ブラウザによっては「inset」は「ridge」のように「outset」は「groove」のように表示されます。

値の指定方法

none

区切り線を表示しません。


hidden

区切り線を表示しません。


dotted

点線で表示します。


dashed

破線で表示します。


solid

実線で表示します。


double

二重線で表示します。


groove

へこんだように見える線で表示します。


ridge

内側がへこんだように見える線で表示します。


inset

内側がへこんだように見える線で表示します。


outset

内側が浮き上がったように見える線で表示します。


関連プロパティ

  • column-rule-color:段を区切る線の区切り線の色を指定する
  • column-rule-width:段を区切る線の区切り線の太さを指定する