CSS - columns

概要

属性名	columns
値	<width> \|\| <count>
初期値	個々の属性を参照
適用可能要素	table を除く非置換のブロックレベル要素、テーブルセル、インラインブロック
継承	継承しない
メディア	visual

サポート (説明)

CSS	IE/Edge	Firefox	Chrome	Opera	Safari
CSS3	10	2(-moz) 52	4(-webkit) 61	15	3.1(-webkit) 9

説明

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

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

使用例

CSS

.multicol {
  columns: 3;
}

HTML

<div class="multicol">
いろはにほへとちりぬるを...
</div>

表示

いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすんいろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん

リンク

初版：2015年10月25日、最終更新：2018年1月7日

https://www.tohoho-web.com/css/prop/columns.htm

CSS - columns

概要

サポート (説明)

説明

使用例

関連項目

リンク