<ol type=""></ul> <li type=""></li>
順序付きのリストに type="" を追加すると、番号の種類を変更することができます。
<ol type="A">
<li>リスト項目1</li>
<li>リスト項目2</li>
<li>リスト項目3</li>
</ol>
<ol>
<li type="1">リスト項目1</li>
<li type="A">リスト項目2</li>
<li type="a">リスト項目3</li>
<li type="I">リスト項目4</li>
<li type="i">リスト項目5</li>
</ol>
属性 | 値 | 説明 |
---|---|---|
type="" | 1 | アラビア数字 (1 2 3 ...) |
A | アルファベット大文字 (A B C ...) | |
a | アルファベット小文字 (a b c ...) | |
I | ローマ数字大文字 (I II III ...) | |
i | ローマ数字小文字 (i ii iii ...) |
上記の属性は、HTML 4.01では非推奨とされています。(Strict DTDでは使用できません)
■リスト全体の番号を変更する場合
次のように、ol要素に対してtype属性を指定します。
<ol type="A">
<li>リスト項目1</li>
<li>リスト項目2</li>
<li>リスト項目3</li>
</ol>
■項目ごとに変更したい場合
次のように、li要素に対してtype属性を指定します。(IE 8では対応していないようです)
<ol>
<li type="1">リスト項目1</li>
<li type="A">リスト項目2</li>
<li type="a">リスト項目3</li>
<li type="I">リスト項目4</li>
<li type="i">リスト項目5</li>
</ol>
この指定内容はスタイルシートで代替することができます。指定方法の詳細は「関連ページ」をご覧ください。
使用例
■リスト全体を変更した例
<ol type="A">
<li>リスト項目1</li>
<li>リスト項目2</li>
<li>リスト項目3</li>
</ol>
表示例
- リスト項目1
- リスト項目2
- リスト項目3
■項目ごとに変更した例
<ol>
<li type="1">リスト項目1</li>
<li type="A">リスト項目2</li>
<li type="a">リスト項目3</li>
<li type="I">リスト項目4</li>
<li type="i">リスト項目5</li>
</ol>
表示例
- リスト項目1
- リスト項目2
- リスト項目3
- リスト項目4
- リスト項目5
- サイト内検索