テンプレート:Hlist
表示
| 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}}
|
|
{{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;}}
|
|