[CSS] list-styleでリストマーカーをまとめて指定しよう!

1.list-styleとは?

list-styleプロパティはリストマーカーを一括で指定することができます。

値の指定方法は以下の通りです。

{ list-style: 値; }

値の指定方法

半角スペースで区切って指定します。

※noneを指定するとlist-style-image、list-style-typeの両方に適用され、リストマーカーが表示されなくなります。

2.list-styleの使い方

それではlist-styleの使い方をみていきましょう。

.circle {
 list-style: circle;
}

上記のようにすることで白抜きの円形マーカーが表示されます。

他にも値を設定できるのでいろいろと試してみることをお勧めします!