HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


HTMLタグボードトップ >> 今すぐ使える!便利ツール >> HTMLタグ辞典 >> リストタグ >> 番号付きのリストマークをリストごとに変える

リストタグ

番号付きのリストマークをリストごとに変える

<ol><li type="">

番号付きリストで書かれた文章の文頭には、標準では「1.」→「2.」…のように数字が表示されますが、<ol>タグ内の<li>タグに「type=""」という属性を追加すると、リストごとに、それぞれ文章の文頭に書かれる表記の種類を変更することができます。

表記方法は以下の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>
<li type="I">大文字のローマ数字</li>
<li type="A">大文字の英字</li>
<li type="i">小文字のローマ数字</li>
<li type="a">小文字の英字</li>
</ol>
  1. 大文字のローマ数字
  2. 大文字の英字
  3. 小文字のローマ数字
  4. 小文字の英字

☆ワンポイントアドバイス

リスト間の余白の調整や、文字下げ(インデント)の調整はスタイルシートで行います。リストは開始番号を変更することができます。

→関連情報

参考

タグをコピーするには?

操作方法

→マウスでフォーム内に書かれたタグをクリックするとタグがハイライトするので、マウスの右クリックでコピーするか、キーボードの[Ctrl]+[C]を押すと、コンピュータのメモリに記憶されます。後は任意の場所に貼り付けてください。