プログラミング

list-style-imageでリストマーカー画像を指定【CSS】

list-style-imageはリストの先頭にマーカーの画像を指定するプロパティです。

{list-style-image: 画像URL;}

noneを指定するとリストマーカーの画像は指定されません。

list-style-imageでリストマーカーの画像を表示させるときはurl()と指定して、括弧内にリストマーカーとして表示させたい画像のURLを記述します。

urlはシングルクォーテーション(’ ‘)で囲み、「list-style-image: url(‘/img/icon.png’);」みたいな感じで指定します。

以下は使用例です。赤色のチェックマークの画像をリストマーカーとして指定しています。

  • list-style-imageでリストマーカーの画像を指定しています。

Leave a Comment