| Luaモジュールを使用しています: |
{{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;}}
|
|
{{hlist|優勝|準優勝|第3位|item_style=color:blue;|indent=2}}
|
|
{{hlist|優勝|準優勝|第3位|item1_style=background-color:yellow;|item2_style=background-color:silver;}}
|
|
関連項目
Listテンプレート関連ページの一覧