コンテンツにスキップ

Template:Ordered list/testcases

リストのみの出力コード

[編集]
Test1
{{Ordered list| param1
| param2
| param3
}}
並べて比較
{{Ordered list}}{{Ordered list/sandbox}}
  1. param1
  2. param2
  3. param3
<div><ol><li>param1</li><li>param2</li><li>param3</li></ol></div>
  1. param1
  2. param2
  3. param3
<div><ol><li>param1</li><li>param2</li><li>param3</li></ol></div>

list-style-type

[編集]
decimal[1]
並べて比較
{{Ordered list}}{{Ordered list/sandbox}}
  1. param1
  2. param2
  3. param3
  1. param1
  2. param2
  3. param3
lower-roman
並べて比較
{{Ordered list}}{{Ordered list/sandbox}}
  1. param1
  2. param2
  3. param3
  1. param1
  2. param2
  3. param3
upper-roman
並べて比較
{{Ordered list}}{{Ordered list/sandbox}}
  1. param1
  2. param2
  3. param3
  1. param1
  2. param2
  3. param3
lower-alpha
並べて比較
{{Ordered list}}{{Ordered list/sandbox}}
  1. param1
  2. param2
  3. param3
  1. param1
  2. param2
  3. param3
upper-alpha
並べて比較
{{Ordered list}}{{Ordered list/sandbox}}
  1. param1
  2. param2
  3. param3
  1. param1
  2. param2
  3. param3
hiragana-iroha[2]
並べて比較
{{Ordered list}}{{Ordered list/sandbox}}
  1. param1
  2. param2
  3. param3
  1. param1
  2. param2
  3. param3

itemn_style

[編集]
itemn_style
{{Ordered list| param1
| param2
| param3
|item2_style=color: red;}}
並べて比較
{{Ordered list}}{{Ordered list/sandbox}}
  1. param1
  2. param2
  3. param3
  1. param1
  2. param2
  3. param3

startとitemn_value

[編集]
start = 100
{{Ordered list| param1
| param2
| param3
|start=100}}
並べて比較
{{Ordered list}}{{Ordered list/sandbox}}
  1. param1
  2. param2
  3. param3
  1. param1
  2. param2
  3. param3
itemn_value = 100
{{Ordered list| param1
| param2
| param3
|item2_value=100}}
並べて比較
{{Ordered list}}{{Ordered list/sandbox}}
  1. param1
  2. param2
  3. param3
  1. param1
  2. param2
  3. param3

ケース:class="hlist"

[編集]
start 修正前
{{Ordered list| param1
| param2
| param3
|start=50}}
並べて比較
{{Ordered list}}{{Ordered list/sandbox}}
  1. param1
  2. param2
  3. param3
  1. param1
  2. param2
  3. param3
itemn_value 修正前
{{Ordered list| param1
| param2
| param3
|item2_value=120}}
並べて比較
{{Ordered list}}{{Ordered list/sandbox}}
  1. param1
  2. param2
  3. param3
  1. param1
  2. param2
  3. param3
start + itemn_value 修正前
{{Ordered list| param1
| param2
| param3
|item2_value=120|start=50}}
並べて比較
{{Ordered list}}{{Ordered list/sandbox}}
  1. param1
  2. param2
  3. param3
  1. param1
  2. param2
  3. param3

以上のコードはリスト番号が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}}
  1. param1
  2. param2
  3. param3
  1. param1
  2. param2
  3. param3
任意の箇所、修正後
{{Ordered list| param1
| param2
| param3
|item2_style=counter-reset: listitem 50;counter-increment: listitem 0;}}
並べて比較
{{Ordered list}}{{Ordered list/sandbox}}
  1. param1
  2. param2
  3. param3
  1. param1
  2. param2
  3. param3

なおこの現象は{{Ordered list}}に限らず「順序付きリスト」では発生する。

References

[編集]
  1. ^ スタイルシート上のデフォルト値。
  2. ^ 実験的なプロパティ値。 – CSS Counter Styles Level 3”. World Wide Web Consortium (2021年7月22日). 2021年12月12日閲覧。
  3. ^ スタイルシートcounter-incrementまたはcounter-resetは同じ効果では無い点に留意。またCommon.cssにはどらちも記載があるため、両方指定しておくのが望ましい。