テンプレート:Div col end

出典: 謎の百科事典もどき『エンペディア(Enpedia)』
ナビゲーションに移動 検索に移動

この説明文は 『 テンプレート:Div col/doc 』 から呼び出されています。


テンプレート:CSS3 multiple column layout {{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のプロパティに対応したブラウザでマルチカラムを作成します。

関連項目[編集]

テンプレート:Column-generating template families

移入ページ
ウィキペディア移入テンプレート
このテンプレートはウィキペディアTemplate:Div col endから移入されたものです。
使い方は移入元のテンプレートページを参照してください。