<ol type=""></ol> <li type=""></li>
ブラウザ |
|
---|---|
分類 | |
要素 |
ol要素に 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