CSS

【list-style-image】リストの先頭記号の画像設定

みいと

list-style-imageプロパティでリストの先頭記号に画像を設定する

list-style-imageプロパティを使用すると、リストの先頭記号に画像を設定することができます。

list-style-imageプロパティの値には、下記が指定できます。

  • 画像のurl
  • none

画像のurl

リストの先頭記号に画像を設定する場合は、list-style-imageプロパティに画像のurlを指定します。

list-style-image: url(star.gif);

list-style-imageの例

none

list-style-imageプロパティにnoneを指定すると、リストの先頭記号に画像を使用しないことになります。

noneは、list-style-imageプロパティの初期値になっています。

リストの先頭記号の画像設定のまとめ

今回は、リストの先頭記号の画像設定についてまとめました。

リストの先頭記号をカスタマイズするのに有効ですね。

まとめ

  • list-style-imageを使用すると、リストの先頭記号に画像を設定できる
  • list-style-imageには、画像のurlを指定する

ABOUT ME
みいと
みいと
興味を持ったものをいろいろと勉強しています。
記事URLをコピーしました