プログラミング

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

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

{column-count: 列数;}

column-countの値の指定方法

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

auto

autoを指定すると、column-widthプロパティの値などを参照して、自動的に列数が算出されます。

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

数値

数値で指定する場合は、カラムの列数を1以上の数値で指定します。

column-widthプロパティにauto以外の値を指定した場合、この値が列数の最大値として扱われます。

{column-count: 3;}

この文章はcolumn-countプロパティで3という数値を指定しています。そのためカラム(段組み)の列数が3列になっています。

Leave a Comment