Irohabook
0
303

HTMLのolの属性と開始番号の設定

HTML の ol はリストを作るときに使うタグです。リストの項目自体は li を使います。

HTML 入力

<ol>
<li>色は匂へど</li>
<li>散りぬるを</li>
<li>我が世たれぞ</li>
</ol>

HTML 出力

  1. 色は匂へど
  2. 散りぬるを
  3. 我が世たれぞ

ol を使っているのでリスト番号がついています。この番号は ol の type 属性によって

  • 数字
  • ローマ数字(小文字)
  • ローマ数字(大文字)
  • アルファベット(小文字)
  • アルファベット(大文字)

にできます。

ol の type 属性とリスト番号

type 内容
1 数字
i ローマ数字(小)
I ローマ数字(大)
a アルファベット(小)
A アルファベット(大)

ol の開始番号

ol の start 属性を変えるとリストの開始番号を変えられます。

HTML 入力

<ol start="5">
<li>色は匂へど</li>
<li>散りぬるを</li>
<li>我が世たれぞ</li>
</ol>

HTML 出力

  1. 色は匂へど
  2. 散りぬるを
  3. 我が世たれぞ
次の記事

HTML/CSS