Template:Div col

出典: フリー百科事典『ウィキペディア(Wikipedia)』
移動先: 案内検索
テンプレートの解説[表示] [編集] [履歴] [キャッシュを破棄]

リストを段組みで表示するテンプレートです。設定で小さなフォントサイズで表示できます。表示できるブラウザは一部のみです(後述)。

使い方[編集]

引数[編集]

cols=
列の数を指定します。既定値は2です。
colwidth=
列の幅を指定します。px, em, %といった単位を付けます。
small=yes
フォントサイズを小さく(90%)します。既定値は"no"です。

使用例[編集]

{{Div col}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}
表示
  • a
  • b
  • c
  • d
  • e
  • f
  • g
  • h
{{Div col|cols=3}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}
表示
  • a
  • b
  • c
  • d
  • e
  • f
  • g
  • h
{{Div col|colwidth=10em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}
表示
  • a
  • b
  • c
  • d
  • e
  • f
  • g
  • h
{{Div col|small=yes}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}
表示
  • a
  • b
  • c
  • d
  • e
  • f
  • g
  • h

技術的な詳細[編集]

ブラウザのCSS3マルチカラムレイアウト対応
プロパティ Internet
Explorer
Firefox Safari Chrome Opera
column-width
column-count
≥ 10
(2012)
≥ 1.5
(2005)
≥ 3
(2007)
≥ 1
(2008)
≥ 11.1
(2011)
columns ≥ 10
(2012)
≥ 9
(2011)
≥ 3
(2007)
≥ 1
(2008)
≥ 11.1
(2011)
break-before
break-after
break-inside
≥ 10
(2012)
No No No ≥ 11.1
(2011)

このテンプレートは以下のCSSのプロパティに対応したブラウザでマルチカラムを作成します。

関連項目[編集]

段組みテンプレート[編集]

テンプレート群 種類
ウィキテーブル
コードを処理するか?dagger
最初 段組み分け 最後
"Col" Table Green tickY {{Col-begin}}
もしくは{{Col-begin-small}}
{{Col-break}}
{{Col-2}} .. {{Col-5}}
{{Col-end}}
"Columns" Table {{Columns}}
"Multicol" Table Green tickY {{Multicol}} {{Multicol-break}} {{Multicol-end}}
"Col-float" CSS float Green tickY {{Col-float}} {{Col-float-break}} {{Col-float-end}}
"Columns-start" CSS float Green tickY {{Columns-start}} {{Column}} {{Columns-end}}
"Div col" CSS columns Green tickY {{Div col}}
– {{Columns-list}} (ラッパー化)
{{No col break}} {{Div col end}}

dagger すなわち、ウィキマークアップ {| | || |- |}を使っての表作成を処理できるかどうか?もし処理できない場合、 {{(!}}, {{!}}, {{!!}}, {{!-}}, {{!)}}といった要素か、HTMLタグ (<table>...</table>, <tr>...</tr>など)を使用したテンプレートということになる。