Template:Ordered list/testcases

これはこのページの過去の版です。STS2657 (会話 | 投稿記録) による 2021年12月12日 (日) 00:19個人設定で未設定ならUTC)時点の版 (新しいページ: 「{{Testcases notice|toc=yes}} == リストのみの出力コード == {{Test case|_collapsible=yes|_showcode=yes|_title=Test1|_format=columns|_output=nowiki+ | param1 | param2 | param3 }} == list-style-type == {{Test case|_collapsible=yes|_title=decimal<ref>スタイルシート上のデフォルト値。</ref>|_format=columns | list-style-type = decimal | param1 | param2 | param3 }} {{Test case|_collapsible=yes|_title=lower-roman|_format=columns | l…」)であり、現在の版とは大きく異なる場合があります。

(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)

リストのみの出力コード

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"

修正前
{{Ordered list| param1
| param2
| param3
|start=50}}
並べて比較
{{Ordered list}}{{Ordered list/sandbox}}
  1. param1
  2. param2
  3. param3
  1. param1
  2. param2
  3. param3

以上のコードはリスト番号が50から始まるようになっているが、引数startの値が無視されている。
これは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にはどらちも記載があるため、両方指定しておくのが望ましい。