リストごとにマークを変える

<ul><li type=””>

マーク付きのリストは標準では文頭に黒丸(●)がつきますが、これをリストごとに変更することができます。<li>タグに「type=””」という属性を追加して、マークの種類を記入します。

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

  • type=”disc
    • 黒丸(●)
  • type=”circle
    • 白丸(○)
  • type=”square
    • 黒い四角(■)

記述例

<ul>
<li type=”disc”>黒丸のリストマーク</li>
<li type=”circle”>白丸のリストマーク</li>
<li type=”square”>四角のリストマーク</li>
</ul>


  • 黒丸のリストマーク
  • 白丸のリストマーク
  • 四角のリストマーク
HTML5をはじめ、リストマークはCSSのlist-style-typeプロパティで指定することが推奨されています。

関連情報

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

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

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

最新のHTML5を学ぶなら

参考情報

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