<ol type=""></ol>
更新日 | |
---|---|
仕様 | HTML Living Standard |
分類 | フロー・コンテンツ / 内容にli要素を含む場合:パルパブル・コンテンツ |
利用場所 | フロー・コンテンツが置ける場所 |
内容 | li要素を0個以上 / スクリプトサポート要素 |
ol要素に type=""
を追加すると、リスト番号の種類を変更することができます。
<ol type="A">
<li>リスト項目1</li>
<li>リスト項目2</li>
<li>リスト項目3</li>
</ol>
属性 | 値 | ||
---|---|---|---|
任意属性 | |||
type="" |
リスト番号の種類 | 1 |
算用数字 (1 2 3 ...)(既定値) |
a |
小文字のアルファベット (a b c ...) | ||
A |
大文字のアルファベット (A B C ...) | ||
i |
小文字のローマ数字 (i ii iii ...) | ||
I |
大文字のローマ数字 (I II III ...) |
type属性は、リスト番号の種類に重要な役割がある場合に使用します。見た目の表現のために変更したい場合は、CSSの list-style-type
プロパティを使用してください。
使用例
1
)を指定した例(デフォルト)
<ol type="1">
<li>リスト項目1</li>
<li>リスト項目2</li>
<li>リスト項目3</li>
</ol>
- 表示例
-
- リスト項目1
- リスト項目2
- リスト項目3
a
)を指定した例
<ol type="a">
<li>リスト項目1</li>
<li>リスト項目2</li>
<li>リスト項目3</li>
</ol>
- 表示例
-
- リスト項目1
- リスト項目2
- リスト項目3
A
)を指定した例
<ol type="A">
<li>リスト項目1</li>
<li>リスト項目2</li>
<li>リスト項目3</li>
</ol>
- 表示例
-
- リスト項目1
- リスト項目2
- リスト項目3
i
)を指定した例
<ol type="i">
<li>リスト項目1</li>
<li>リスト項目2</li>
<li>リスト項目3</li>
<li>リスト項目4</li>
<li>リスト項目5</li>
</ol>
- 表示例
-
- リスト項目1
- リスト項目2
- リスト項目3
- リスト項目4
- リスト項目5
I
)を指定した例
<ol type="I">
<li>リスト項目1</li>
<li>リスト項目2</li>
<li>リスト項目3</li>
<li>リスト項目4</li>
<li>リスト項目5</li>
</ol>
- 表示例
-
- リスト項目1
- リスト項目2
- リスト項目3
- リスト項目4
- リスト項目5