ホーム

ol,li

順序付きリスト

機能

ol 要素は、順序付きリスト(ordered list)を作成するために使用されます。リスト項目は番号付きで表示され、順序が重要な場合に使用されます。

li 要素は、リスト項目(list item)を定義するために使用されます。ol 要素や ul 要素(順序なしリスト)内で使用されます。

よく設定する属性

ol 要素

type

リスト項目の番号の形式を指定します。
例:

  • type=“1”(数字)
  • type=“A”(大文字アルファベット)
  • type=“a”(小文字アルファベット)
  • type=“I”(大文字ローマ数字)
  • type=“i”(小文字ローマ数字)

start

リスト項目の開始番号を指定します。例: start=“5”

reversed

リスト項目を逆順に表示します。例: reversed

li 要素

value

リスト項目の番号を手動で指定します。例: value=“10”

使い方

この例では、type 属性を"A"に設定して大文字アルファベットの形式にし、start 属性を"3"に設定して 3 から始め、reversed 属性を使用してリスト項目を逆順に表示しています。

<ol type="A" start="3" reversed>
  <li>最初の項目</li>
  <li>次の項目</li>
  <li>最後の項目</li>
</ol>