<li value=""></li>

更新日
仕様 HTML Living Standard
分類 ---
利用場所 ol要素の子要素として
内容 フロー・コンテンツ

li要素に value="" を追加すると、リスト項目の番号を変更できます。この属性が指定されたli要素は、ol要素内で使用することができます。


<ol>
<li>リスト項目1</li>
<li value="5">リスト項目5</li>
<li>リスト項目6</li>
</ol>
属性 値
任意属性 （ol要素内で使用可能）
value="" 項目の番号 数値 任意の数字

value属性で項目の番号を変更すると、それ以降の項目はその番号からの連番になります。次の例では、3番目以降の項目は5. 6. 7.と続くことになります。

<ol>
<li>リスト項目1</li>
<li>リスト項目2</li>
<li value="5">リスト項目5</li>
<li>リスト項目6</li>
<li>リスト項目7</li>
</ol>

次のように、type属性と併せて使用することも可能です。この例では、3番目以降の項目はE. F. G.と続くことになります。

<ol type="A">
<li>リスト項目1</li>
<li>リスト項目2</li>
<li value="5">リスト項目5</li>
<li>リスト項目6</li>
<li>リスト項目7</li>
</ol>

次のように指定すると、逆順のリストを表すことができます。

<ol>
<li value="5">リスト項目5</li>
<li value="4">リスト項目4</li>
<li value="3">リスト項目3</li>
<li value="2">リスト項目2</li>
<li value="1">リスト項目1</li>
</ol>
  • 逆順のリストはreversed属性によって表すことが可能ですが、古いブラウザにも対応する必要がある場合は、上記のvalue属性で指定した方が確実です。

使用例

途中で番号を変更した例

<ol>
<li>リスト項目1</li>
<li>リスト項目2</li>
<li value="5">リスト項目5</li>
<li>リスト項目6</li>
<li>リスト項目7</li>
</ol>
表示例
  1. リスト項目1
  2. リスト項目2
  3. リスト項目5
  4. リスト項目6
  5. リスト項目7
type属性と併せて使用した例

<ol type="A">
<li>リスト項目1</li>
<li>リスト項目2</li>
<li value="5">リスト項目5</li>
<li>リスト項目6</li>
<li>リスト項目7</li>
</ol>
表示例
  1. リスト項目1
  2. リスト項目2
  3. リスト項目5
  4. リスト項目6
  5. リスト項目7
逆順のリストを表した例

<ol>
<li value="10">リスト項目10</li>
<li value="9">リスト項目9</li>
<li value="8">リスト項目8</li>
<li value="7">リスト項目7</li>
<li value="6">リスト項目6</li>
<li value="5">リスト項目5</li>
<li value="4">リスト項目4</li>
<li value="3">リスト項目3</li>
<li value="2">リスト項目2</li>
<li value="1">リスト項目1</li>
</ol>
表示例
  1. リスト項目10
  2. リスト項目9
  3. リスト項目8
  4. リスト項目7
  5. リスト項目6
  6. リスト項目5
  7. リスト項目4
  8. リスト項目3
  9. リスト項目2
  10. リスト項目1