Template:Div col end

ナビゲーションに移動 検索に移動
テンプレートの解説[表示] [編集] [履歴] [キャッシュを破棄]
ブラウザの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)

{{Div col}} は、{{div col end}} とともに用いて、リストを段組みで表示するテンプレートです。設定で小さなフォントサイズで表示できます。

使い方[編集]

引数[編集]

|cols=
列の数を指定します。既定値は2です。
非推奨。下の colwidth の方が閲覧環境に応じて柔軟に対応できるため。18em未満にはなりません。
|colwidth=
列の幅を指定します。cols を上書きします。px, em, % といった単位を付けます。
|small=
yes と指定することで、フォントサイズを小さく (90%) します。
|rules=
列の間に垂直線を書きます。yes と指定するか、あるいは、(1px dashed blue; のような)CSSのスタイルを指定します。
|gap=
隣接した列の内容の間のスペースを指定します。(ブラウザによって設定されている)既定値は1emです。
|style=
列に適用するCSSスタイル。

使用例[編集]

何も指定しないと、2列か18emで幅が大きい方になります。

{{Div col}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

表示

  • a
  • b
  • c
  • d
  • e
  • f
  • g
  • h

cols= は省略できます。

{{Div col|3}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

表示

  • a
  • b
  • c
  • d
  • e
  • f
  • g
  • h

colwidth= は省略できます。第二引数であることに注意します。

{{Div col||10em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

表示

  • a
  • b
  • c
  • d
  • e
  • f
  • g
  • h

small=yes で文字サイズが小さくなります。

{{Div col|small=yes}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

表示

  • a
  • b
  • c
  • d
  • e
  • f
  • g
  • h

rules の例

{{Div col|rules=yes}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

表示

  • a
  • b
  • c
  • d
  • e
  • f
  • g
  • h

gap の例

{{Div col|colwidth=10em|rules=yes|gap=2em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

表示

  • a
  • b
  • c
  • d
  • e
  • f
  • g
  • h

技術的な詳細[編集]

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

TemplateData[編集]

これは新しいビジュアルエディターにより使用されるテンプレートのためのTemplateData文書です。

Div col end

Ends a multi-column list started by {{div col}}. It takes no parameters.

テンプレート引数

引数説明状態
パラメーターが指定されていません

関連項目[編集]

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

テンプレート群 種類
ウィキテーブル
コードを処理するか?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>など)を使用したテンプレートということになる。