プログラミング

column-rule-styleでカラム間の罫線のスタイルを指定【CSS】

column-rule-styleプロパティは、カラムの間に表示する罫線のスタイルを指定するプロパティです。

{column-rule-style: 罫線のスタイル;}

罫線のスタイルとは、点線や破線などのことです。

column-rule-styleの値の指定方法

column-rule-styleプロパティでは、以下のような値を指定してスタイルを決めます。

none・hidden 罫線の表示なし
solid 1本の実線
double 2重線
dotted 点線
dashed 破線
groove 立体的にくぼんだ線
ridge 立体的に隆起した線
inset 内部が立体的にくぼむ
outset 内部が立体的に隆起する

column-rule-styleプロパティで、カラム間の罫線のスタイルを実線に指定しています。

column-rule-styleプロパティで、カラム間の罫線のスタイルを二重線に指定しています。

column-rule-styleプロパティで、カラム間の罫線のスタイルを点線に指定しています。

column-rule-styleプロパティで、カラム間の罫線のスタイルを破線に指定しています。

罫線の幅(太さ)は、column-rule-widthプロパティで指定できます。

関連記事
column-rule-widthでカラム間の罫線の幅を指定【CSS】

Leave a Comment