{ columns 【 カラムス 】 : -width -count; }

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

初期値	各プロパティに準じる
継承	なし
適用される要素	テーブル要素を除く非置換ブロックレベル要素、テーブルセル、インラインブロック要素
モジュール	CSS Multi-column Layout Module

値の指定方法

指定できる値は各プロパティと同様です。それぞれの値は半角スペースで区切って指定します。任意の順序で指定できます。省略した場合は、各プロパティの初期値が適用されます。

サンプルコード

2015年1月時点では、Firefoxでこのプロパティを適用するには接頭辞に-moz-を、Google Chrome、Safariなどでは接頭辞に-webkit-を記述します。

CSS

.section .item {
  columns: 18em 4;
}

HTML

<p class="section item">
　<!-- 本文は省略 -->
</p>

関連記事

• column-count　段組みの列数を指定する
• column-width　段組みの列幅を指定する