Template:Ordered list/testcases
 | ここは、Template:Ordered listのサンドボックス・サブページに対応したテンプレート・テストケースです。 右のボタンをクリックするとテストケースが更新されます。 更なる情報とオプション このページに複雑なテンプレートの使用例を多く記述した場合、MediaWikiの制限によりページの終端部周辺で誤動作を起こす可能性があります。この誤動作が発生した場合、発生したページのソースに追加された「NewPP limit report」というコメントを参照してください。
また、特別:テンプレートを展開でテンプレートの使用結果を実験することも出来ます。 このページを表示する外装を変更する: |  |
リストのみの出力コード
[編集]Test1
{{Ordered list| param1
| param2
| param3
}}
| {{Ordered list}} | {{Ordered list/sandbox}} |
|---|---|
<div><ol><li>param1</li><li>param2</li><li>param3</li></ol></div> |
<div><ol><li>param1</li><li>param2</li><li>param3</li></ol></div> |
list-style-type
[編集]decimal[1]
| {{Ordered list}} | {{Ordered list/sandbox}} |
|---|---|
|
|
lower-roman
| {{Ordered list}} | {{Ordered list/sandbox}} |
|---|---|
|
|
upper-roman
| {{Ordered list}} | {{Ordered list/sandbox}} |
|---|---|
|
|
lower-alpha
| {{Ordered list}} | {{Ordered list/sandbox}} |
|---|---|
|
|
upper-alpha
| {{Ordered list}} | {{Ordered list/sandbox}} |
|---|---|
|
|
hiragana-iroha[2]
| {{Ordered list}} | {{Ordered list/sandbox}} |
|---|---|
|
|
itemn_style
[編集]itemn_style
{{Ordered list| param1
| param2
| param3
|item2_style=color: red;}}
| {{Ordered list}} | {{Ordered list/sandbox}} |
|---|---|
|
|
startとitemn_value
[編集]start = 100
{{Ordered list| param1
| param2
| param3
|start=100}}
| {{Ordered list}} | {{Ordered list/sandbox}} |
|---|---|
|
|
itemn_value = 100
{{Ordered list| param1
| param2
| param3
|item2_value=100}}
| {{Ordered list}} | {{Ordered list/sandbox}} |
|---|---|
|
|
ケース：class="hlist"
[編集]start 修正前
{{Ordered list| param1
| param2
| param3
|start=50}}
| {{Ordered list}} | {{Ordered list/sandbox}} |
|---|---|
|
|
itemn_value 修正前
{{Ordered list| param1
| param2
| param3
|item2_value=120}}
| {{Ordered list}} | {{Ordered list/sandbox}} |
|---|---|
|
|
start + itemn_value 修正前
{{Ordered list| param1
| param2
| param3
|item2_value=120 |start=50}}
| {{Ordered list}} | {{Ordered list/sandbox}} |
|---|---|
|
|
以上のコードはリスト番号が50から始まるようになっているが、引数startまたはitemn_valueの値が無視されている。
これはCommon.cssで.hlist ol { counter-reset: listitem; }などが引数startの値をリセットするために起こる現象。
回避策として引数list_styleまたはitemn_styleにスタイルシートcounter-incrementまたはcounter-resetを用いて修正できる[3]。
修正後
{{Ordered list| param1
| param2
| param3
|list_style=counter-reset: listitem 50;counter-increment: listitem -1;}}
| {{Ordered list}} | {{Ordered list/sandbox}} |
|---|---|
|
|
任意の箇所、修正後
{{Ordered list| param1
| param2
| param3
|item2_style=counter-reset: listitem 50;counter-increment: listitem 0;}}
| {{Ordered list}} | {{Ordered list/sandbox}} |
|---|---|
|
|
なおこの現象は{{Ordered list}}に限らず「順序付きリスト」では発生する。
References
[編集]- ^ スタイルシート上のデフォルト値。
- ^ 実験的なプロパティ値。 – “CSS Counter Styles Level 3”. World Wide Web Consortium (2021年7月22日). 2021年12月12日閲覧。
- ^ スタイルシート
counter-incrementまたはcounter-resetは同じ効果では無い点に留意。またCommon.cssにはどらちも記載があるため、両方指定しておくのが望ましい。