テンプレート:Hlist-comma

From KAZE.WIKI
テンプレートの解説[表示] [編集] [履歴] [キャッシュを破棄]

{{hlist}}は、横並べのリストを生成するテンプレートで、パラメータ指定することでリストの項目ごと含めて追加のCSS指定が可能です。{{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テンプレート関連ページの一覧