Page 115 - HTML5

3. Item
4. Some Other Item
5. Yet Another Item

You can also explicitly set a certain list item to a specific number. Further list items after one with a
specified value will continue incrementing by one from that list item's value, ignoring where the
parent list was at.

<li value="7"></li>

It is also worth noting that, by using the value attribute directly on a list item, you can override an
ordered list's existing numbering system by restarting the numbering at a lower value. So if the
parent list was already up to value 7, and encountered a list item at value 4, then that list item
would still display as 4 and continue counting from that point again.

<ol start="5">
<li>Item</li>
<li>Some Other Item</li>
<li value="4">A Reset Item</li>
<li>Another Item</li>
<li>Yet Another Item</li>
</ol>

So the example above will produce a list that follows the numbering pattern of 5, 6, 4, 5, 6 -
starting again at a number lower than the previous and duplicating the number 6 in the list.

Note: The start and value attributes only accept a number - even if the ordered list is set to
display as Roman numerals or letters.

5

You can reverse the numbering by adding reversed in your ol element:

<ol reversed>
<li>Item</li>
<li>Some Other Item</li>
<li value="4">A Reset Item</li>
<li>Another Item</li>
<li>Yet Another Item</li>
</ol>

Reverse numbering is helpful if you're continually adding to a list, such as with new podcast
episodes or presentations, and you want the most recent items to appear first.

Changing the type of numeral

You can easily change the type of numeral shown in the list item marker by using the type attribute

<ol type="1|a|A|i|I">

https://riptutorial.com/ 99