CSS - column-width

概要

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

サポート (説明)

CSS	IE/Edge	Firefox	Chrome	Opera	Safari
CSS3	10	1.5(-moz) 52	4(-webkit)	11.1	3(-webkit)

説明

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

値	説明
<length>	最適なカラム幅を指定します。実際のカラム幅は指定したものよりも広くなったり狭くなったりします。
auto	カラムの幅を他の属性から自動的に算出します。

使用例

CSS

.multicol {
  column-count: 3;
  column-width: 8em;
}

HTML

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

表示

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

リンク

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

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

CSS - column-width

概要

サポート (説明)

説明

使用例

関連項目

リンク