Algarismos romanos minúsculos para listas ol em CSS

Se você definir o valor da propriedade list-style-type como lower-roman, os marcadores da lista se tornarão algarismos romanos pequenos ou minúsculos:

html<ol>
  <li>item da lista</li>
  <li>item da lista</li>
  <li>item da lista</li>
  <li>item da lista</li>
  <li>item da lista</li>
</ol>

cssol {
  list-style-type: lower-roman;
}

Результат: