CSS - column-count

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

CSS	IE/Edge	Firefox	Chrome	Opera	Safari
CSS3	10	1.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

CSS - column-count

概要

サポート (説明)

説明

使用例

関連項目

リンク