1. Home
  2. HTMLタグ
  3. リストタグ
  4. 番号の種類を変更する

番号の種類を変更する


<ol type=""></ul> <li type=""></li>

ブラウザ
IE
Fx
Sf
Cr
O
分類
ブロックレベル要素
非推奨属性
要素
ol要素
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. リスト項目1
  2. リスト項目2
  3. リスト項目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. リスト項目1
  2. リスト項目2
  3. リスト項目3
  4. リスト項目4
  5. リスト項目5

リストタグ

ページの先頭へ


inserted by FC2 system