CSS - column-count

概要

属性名 column-count
値 <integer> | auto
初期値auto
適用可能要素table を除く非置換のブロックレベル要素、テーブルセル、インラインブロック
継承継承しない
メディアvisual
アニメーション<integer> の場合有効

サポート (説明)

CSSIE/EdgeFirefoxChromeOperaSafari
CSS3101.5(-moz)
52		4(-webkit)
50		11.1
15(-webkit)
37		3(-webkit)
9

説明

マルチカラムのカラム数を指定します。

値説明
<integer>マルチカラムのカラム数を指定します。
autoカラムの個数を他の属性から自動的に算出します。

使用例

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

関連項目

colums, 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-2018 杜甫々
初版：2015年10月25日、最終更新：2018年1月7日
https://www.tohoho-web.com/css/prop/column-count.htm