段組を行う(マルチカラム)

書式

columns: 段組間隔 段組数

説明

段組を行う(マルチカラム)にはcolumnsを使います。段組と段組の間隔と段組数を指定します。例えばcolumns: 20px 2とすると段組の間隔は20ピクセル、段数は2段となります。
ブラウザによってはベンダープレフィックスを指定しないと動作しません。2011年9月25日時点ではSafari 5.1とGoogle Chrome 14で動作します。IE9やFirefox 6、Opera 11.5ではベンダープレフィックスを付けても動作しません。

サンプル サンプルを実行 サンプルをダウンロード

#content {
columns : 2em 3;
-webkit-columns : 2em 3;
}
目次に戻る