番号付きのリストのマークをグループごとに変更する

<ol type=””><li>

番号付きリストで書かれた文章の文頭には、標準では「1.」→「2.」…のように数字が表示されますが、<ol>タグに「type=””」という属性を追加すると、グループごと(<ol>タグ内の<li>タグすべてに適用)にこの表記方法を変更することができます。

表記方法は以下の5つが用意されています。

  • type=”1
    • 数字(1.2.3.…)
  • type=”I
    • 大文字のローマ数字(I.II.III…)
  • type=”i
    • 小文字のローマ数字(i.ii.iii…)
  • type=”A
    • 大文字の英字(A.B.C.…)
  • type=”a
    • 小文字の英字(a.b.c.)

記述例

<ol type=”A”>
<li>番号付きリストの文頭を大文字のアルファベットに</li>
<li>文章2</li>
</ol>


  1. 番号付きリストの文頭を大文字のアルファベットに
  2. 文章2
リスト間の余白の調整や、文字下げ(インデント)の調整はスタイルシートで行います。

関連情報

【厳選】合わせて読みたいおすすめ書籍

WEB制作支援サイトのHTMLタグボードだからオススメできる厳選書籍です。私が読んでいない本はオススメしません。

HTMLやCSS、Webデザインを体系的に学ぶなら

最新のHTML5を学ぶなら

参考情報

最新情報をチェックしよう!