columnsでカラムの列幅と列数をまとめて指定【CSS】

columnsプロパティは、カラムなど段組みの列幅と列数をまとめて指定するショートハンドプロパティです。

{columns: 列幅列数;}

columnsプロパティで指定できる値は、column-widthプロパティとcolumn-countプロパティと同じで、それぞれの値は半角スペースで区切って指定します。

これらの値は、任意の順番で指定できますが、省略した場合は各プロパティの初期値が適用されます。

次の2つのコードは同じ意味で、列幅に150px、列数に3を指定しています。

{column-width: 150px;}
{column-count: 3;}

{columns: 150px 3;}

columnsプロパティは、カラムなど段組みの列幅と列数をまとめて指定するショートハンドプロパティです。