HTML - CSS - list-style リストスタイルプロパティ

 
1. 概要
2. list-style none

1. 概要

 list-style は「一括指定で、リストスタイルプロパティの list-style-type, list-style-image, list-style-position を設定します」(参考サイトママ)。  本項は以下のサイトを参考にさせていただきました。
list-style - CSS: カスケーディングスタイルシート | MDN」
「ul、li タグで・(点)を非表示にする - おはようバッファロー
 「HTML - タグ」で紹介している、<ol> <ul> の先頭につく点や文字のスタイルを定義します。

2. list-style none

 <ul> で無指定で

<ul>
<li>項目1
<li>項目2
<li>項目3
</ul>
 と書くと以下のように表示されますが
  • 項目1
  • 項目2
  • 項目3

<ul style="list-style: none;">
<li>項目1
<li>項目2
<li>項目3
</ul>
 と list-style="none" を指定すると下記のように何も表示されません。
  • 項目1
  • 項目2
  • 項目3