レイアウト的に別ブロックになってるけど続き順のリスト表現にしたいとか、ol の順番を途中から始めたかった
start 属性を使えばOK
start で指定した数字からの番号リストになる
<ol start="10"> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ol> ↓ 10. item 1 11. item 2 12. item 3
value 属性を使うと途中から番号を変更できる
<ol> <li>item 1</li> <li value="-1">item 2</li> <li>item 3</li> </ol> ↓ 1. item 1 -1. item 2 0. item 3
マイナスの値も設定できる
reversed 属性があると番号が逆順になる
<ol reversed start="10"> <li>item 1</li> <li >item 2</li> <li value="-1">item 2</li> <li>item 3</li> </ol> ↓ 10. item 1 9. item 2 -1. item 3 -2. item 4
Sample
See the Pen Untitled by KIKIKI (@kikiki_kiki) on CodePen.
data-attribute + before 属性で独自設定するとかしなくても HTML の機能で存在してたの知らなかった！
おわり
[参考]
