サンプル

リストマークを大文字のアルファベットにしたリスト : list220-ua

1. テキストテキストテキストテキストテキストテキストテキストテキスト
2. テキストテキストテキストテキストテキストテキストテキストテキスト
3. テキストテキストテキストテキストテキストテキストテキストテキスト
4. テキストテキストテキストテキストテキストテキストテキストテキスト
5. テキストテキストテキストテキストテキストテキストテキストテキスト

リストマークを小文字のアルファベットにしたリスト : list220-la

1. テキストテキストテキストテキストテキストテキストテキストテキスト
2. テキストテキストテキストテキストテキストテキストテキストテキスト
3. テキストテキストテキストテキストテキストテキストテキストテキスト
4. テキストテキストテキストテキストテキストテキストテキストテキスト
5. テキストテキストテキストテキストテキストテキストテキストテキスト

リストマークを大文字のローマ数字にしたリスト : list220-ur

1. テキストテキストテキストテキストテキストテキストテキストテキスト
2. テキストテキストテキストテキストテキストテキストテキストテキスト
3. テキストテキストテキストテキストテキストテキストテキストテキスト
4. テキストテキストテキストテキストテキストテキストテキストテキスト
5. テキストテキストテキストテキストテキストテキストテキストテキスト

リストマークを小文字のローマ数字にしたリスト : list220-lr

1. テキストテキストテキストテキストテキストテキストテキストテキスト
2. テキストテキストテキストテキストテキストテキストテキストテキスト
3. テキストテキストテキストテキストテキストテキストテキストテキスト
4. テキストテキストテキストテキストテキストテキストテキストテキスト
5. テキストテキストテキストテキストテキストテキストテキストテキスト

ソース

XHTML
<ol class="list220-ua">
  <li>テキストテキストテキストテキストテキストテキストテキストテキスト</li>
  <li>テキストテキストテキストテキストテキストテキストテキストテキスト</li>
  <li>テキストテキストテキストテキストテキストテキストテキストテキスト</li>
  <li>テキストテキストテキストテキストテキストテキストテキストテキスト</li>
  <li>テキストテキストテキストテキストテキストテキストテキストテキスト</li>
</ol>

CSS
ol.list220-ua li {
  list-style: upper-alpha; /* 大文字のアルファベット */
}

ol.list220-la li {
  list-style: lower-alpha; /* 小文字のアルファベット */
}

ol.list220-ur li {
  list-style: upper-roman; /* 大文字のローマ数字 */
}

ol.list220-lr li {
  list-style: lower-roman; /* 小文字のローマ数字 */
}