CSS - columns

トップ > CSSリファレンス > columns

概要

属性名 columns
<width> || <count>
初期値個々の属性を参照
適用可能要素table を除く非置換のブロックレベル要素、テーブルセル、インラインブロック
継承継承しない
メディアVisual
サポートC3 / e10 / Fx2(-moz) / Ch4(-webkit) / Op15 / Sa3.1(-webkit)

説明

マルチカラムの幅、カラム数をまとめて指定します。

説明
<width>カラムの幅を指定します。詳細は column-width を参照してください。
<count>カラムの個数を指定します。詳細は column-count を参照してください。

使用例

CSS
.multicol {
  -webkit-columns: 3;
     -moz-columns: 3;
          columns: 3;
}
HTML
<div class="multicol">
いろはにほへとちりぬるを...
</div>
表示
いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

関連項目

colum-count, colum-width, colum-gap, colum-rule, colum-rule-color, colum-rule-style, colum-rule-width, break-before, break-after, break-inside, colum-span, colum-fill

リンク


Copyright (C) 2015 杜甫々
初版:2015年10月25日、最終更新:2015年10月25日
http://www.tohoho-web.com/css/prop/columns.htm