プログラミング

column-widthでカラムの列幅を指定する【CSS】

column-widthプロパティは、カラムなど段組みの列幅を指定するプロパティです。

{column-width: 列幅;}

実際の列幅は、表示する領域の幅に合わせて、指定した列幅より広くなったり狭くなったりすることもあります。

column-widthの値の指定方法

column-widthプロパティでは、以下のような値を指定できます。

auto

autoを指定すると、column-countプロパティの値などをもとに自動的に列幅が計算されます。

関連記事
column-countでカラムの列数を指定する【CSS】

数値

段組みの列幅をpxなどの単位付きの数値で指定できますが、column-countプロパティと同様、0以下の値は指定できません。

関連記事
CSSにおける長さ・大きさ・角度・時間の単位について【CSS】

この文章はcolumn-widthでカラム(段組みの列幅)に150pxを指定しています。

Leave a Comment