Template:Div col

出典: フリー百科事典『ウィキペディア(Wikipedia)』
移動先: 案内検索
テンプレートの解説[表示] [編集] [履歴] [キャッシュを破棄]
ブラウザの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=
列の幅を指定します。cols を上書きします。px, em, % といった単位を付けます。
|small=
yes と指定することで、フォントサイズを小さく (90%) します。
|rules=
列の間に垂直線を書きます。yes と指定するか、あるいは、(1px dashed blue; のような)CSSのスタイルを指定します。
|gap=
隣接した列の内容の間のスペースを指定します。(ブラウザによって設定されている)既定値は1emです。
|style=
列に適用するCSSスタイル。

使用例[編集]

何も指定しないと、2列になります。

{{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

Breaks a list into columns. It automatically breaks each column to an equal space, so you do not manually have to find the half way point on two columns. The list is closed with {{div col end}}.

テンプレート引数

引数 説明 状態
cols cols1

Specifies the number of columns.

既定
2
自動入力値
文字列 省略可能
colwidth colwidth2

Specifies the width of columns, and determines dynamically the number of columns based on screen width; more columns will be shown on wider displays. This overrides the 'cols' setting.

既定
自動入力値
文字列 省略可能
rules rules

Produces vertical rules between the columns if set to yes.

既定
自動入力値
文字列 省略可能
gap gap

Specifies the space between the content of adjacent columns.

既定
自動入力値
文字列 省略可能
style style

Specifies any custom styling.

既定
自動入力値
文字列 省略可能

関連項目[編集]

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

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