HTML の リスト の 黒点 を 表示しないようにする ～CSS list-style: none;～

目的

• HTMLファイルのリストで箇条書きされた内容の最初に自動で付与される黒点を表示しないようにする方法をまとめる。

押さえるポイント

• 黒点を表示したくないliタグかliタグに与えたクラス名を指定してCSSで設定する。
• CSSでは、list-styleプロパティを使用する。

書き方の例

• 下記にHTMLファイルの内容を記載する。

<ul>
  <li>おはようございます。</li>
  <li>こんにちは。</li>
  <li>こんばんは。</li>
</ul>

• list-styleプロパティでnoneを指定する。
• 下記にHTMLファイルの内容を記載する。

li {
    list-style: none;
}

※今回は書き方の例より具体的な例が思い浮かばなかったため、具体的な例は記載しない。