リストのマークをグループごと変更する

<ul type=””><li>

マーク付きのリストは、文頭につくリストマークの種類を標準の状態から変更することができます。<ul>タグに「type=””」という属性を追加すると、<ul>タグ内に記述したリスト(<li>タグで囲まれた文章)のリストマークを一括で変更できます。

リストマークは3種類用意されており、以下の3つです。

  • type=”disc
    • 黒丸(●) – 標準はこれ
  • type=”circle
    • 白丸(○)
  • type=”square
    • 黒い四角(■)

記述例

<ul type=”circle”>
<li>白丸のリストマークに変更</li>
<li>文章2</li>
</ul>


  • 白丸のリストマークに変更
  • 文章2
リスト間の余白の調整や、文字下げ(インデント)の調整はスタイルシートで行います。

関連情報

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

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

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

最新のHTML5を学ぶなら

参考情報

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