2021/2/18 HTML&CSS辞典をオープンしました! コンテンツは随時更新します!

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

list-styleの評価
頻出度
(5.0)
重要度
(5.0)
総合評価
(5.0)




1.list-styleとは?

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

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

{ list-style: 値; }

値の指定方法

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

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




2.list-styleの使い方

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

.circle {
 list-style: circle;
}

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

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




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です