{{hlist}}は、横並べのリストを生成するテンプレートで、パラメータ指定することでリストの項目ごと含めて追加のCSS指定が可能です。{{hlist-comma}}(テンプレート:hlist-comma)を使用すると区切り文字が読点「、」になります。

使用法

編集

基本的

編集

{{hlist|1項目目|2項目目|3項目目|...}}}}

全パラメータ

編集

{{hlist |1項目目|2項目目|3項目目|... |class = クラス指定 |style = 全体のCSS指定 |list_style = ulタグのCSS指定 |item_style = 全liタグのCSS指定 |item1_style = 最初のliタグに対するCSS指定 |item2_style = 2番目のliタグに対するCSS指定 |... |indent = リストのインデント }} }}

パラメータ

編集
  • 名前なしパラメータ (1, 2, 3...) - リストの項目。指定がない箇所は表示されない。
  • class - リスト全体で適用される<div>...</div>タグのカスタムクラス。例としてplainlinksなど。
  • style - リスト全体で適用される<div>...</div>タグのカスタムCSS。例としてfont-size: 90%;など。
  • list_style - リストで適用される<ul>...</ul>タグのカスタムCSS。|style=パラメータと指定方法は同じ。
  • item_style - リストの全項目部(<li>...</li>タグ)で適用されるカスタムCSS。|style=パラメータと指定方法は同じ。
  • item1_style, item2_style, item3_style... - リストの各項目に適用されるカスタムCSS。|style=パラメータと指定方法は同じ。
  • indent - リストのインデントを指定。入力例は2など。em単位かつ指定された値の1.6倍で計算される。指定がない場合、既定値として0となる。

使用例

編集
入力 表示
{{hlist|entry1|entry2|entry3|entry4|entry5|entry6|entry7|entry8|entry9}}
  • entry1
  • entry2
  • entry3
  • entry4
  • entry5
  • entry6
  • entry7
  • entry8
  • entry9
{{hlist|優勝|準優勝|第3位|item_style=color:blue;}}
  • 優勝
  • 準優勝
  • 第3位
{{hlist|優勝|準優勝|第3位|item_style=color:blue;|indent=2}}
  • 優勝
  • 準優勝
  • 第3位
{{hlist|優勝|準優勝|第3位|item1_style=background-color:yellow;|item2_style=background-color:silver;}}
  • 優勝
  • 準優勝
  • 第3位

脚注

編集

関連項目

編集

Listテンプレートの一覧