list-style-type:***;
list-style-type:***;はリストのli要素のスタイルを設定します。
▼CSS
li{
list-style-type:disc;
}
▼HTML
<ul>
<li>マーカーに黒丸を表示しています。</li>
<li>マーカーに黒丸を表示しています。</li>
<li>マーカーに黒丸を表示しています。</li>
</ul>
▼表示
- マーカーに黒丸を表示しています。
- マーカーに黒丸を表示しています。
- マーカーに黒丸を表示しています。
none | マーカーは表示されません。 |
---|---|
disc | 黒丸が表示されます。初期値。 |
circle | 白丸が表示されます。 |
square | 黒四角形が表示されます。 |
decimal | 数値の連番が表示されます。 |
decimal-leading-zero | 頭に『0』がついた数値の連番が表示されます。 |
ol要素とul要素のどちらでも適用できますが、検索エンジンやブラウザに対する意味付けによって使い分けるようにしましょう。