テンプレート:Hlist/doc
このページはテンプレート:Hlistの解説サブページです(テンプレート自体はリンク先をご参照ください)。 解説、カテゴリなどテンプレートページなどページ自体の内容ではないが有用な内容が含まれます。 |
{{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}}
|
|
{{hlist|優勝|準優勝|第3位|item_style=color:blue;}}
|
|
{{hlist|優勝|準優勝|第3位|item_style=color:blue;|indent=2}}
|
|
{{hlist|優勝|準優勝|第3位|item1_style=background-color:yellow;|item2_style=background-color:silver;}}
|
|
脚注
編集関連項目
編集- Listテンプレートの一覧(ウィキペディア)