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リンク
- http://www.w3.org/TR/css3-multicol/#column-count
- https://triple-underscore.github.io/css-multicol-ja.html#cc
- https://developer.mozilla.org/ja/docs/Web/CSS/column-count
- http://caniuse.com/#feat=multicolumn
Copyright (C) 2015-2018 杜甫々
初版:2015年10月25日、最終更新:2018年1月7日
https://www.tohoho-web.com/css/prop/column-count.htm