ol要素とli要素とで作る箇条書きリストには、各項目の先頭に数字で番号が振られます。この1・2・3…という算用数字での番号は、ローマ数字に置き換えることもできます。

リストの先頭数字を変化させるには、list-style-typeプロパティを使います。これに値「lower-roman」を指定すると小文字のローマ数字で表示され、「upper-roman」を指定すると大文字のローマ数字が表示されます。

例えば、以下のようなHTMLがある場合…

<ol class="roman">
   <li>最初の箇条書き項目</li>
   <li>2番目の箇条書き項目</li>
   <li>3番目の箇条書き項目</li>
</ol>

以下のようなスタイルシートソースを書けば、先頭の数字が（小文字の）ローマ数字になります。

ol.roman {
   list-style-type: lower-roman;
}

先ほどのHTMLにこのスタイルシートを加えて表示させると、次のように、箇条書きの先頭数字がローマ数字になって見えます。

大文字のローマ数字にするには、値を「upper-roman」にするだけです。以下のような感じ。

ol.roman {
   list-style-type: upper-roman;
}

これで、次のように大文字のローマ数字が振られます。

このように、ローマ数字で箇条書きしたい場合に使えます。(^_^;)

※2バイト文字の「ローマ数字」はOS依存文字なので使わない方が望ましいのですが、ここでのローマ数字は使っても問題ありません。なぜなら、「ローマ数字で番号を振る」という指定であって、「2バイト文字のローマ数字を表示する」という指定ではありませんから。（つまり、環境に応じて「見える」ローマ数字で表示されるはずだということです。たいてい、アルファベットの「I」や「V」などを用いて表示されると思います。）