Webデザイン:オンラインリファレンス

list-style-imageプロパティ

箇条書きのリストマーカーを画像にする

箇条書きのリストマーカーは,list-style-imageプロパティを使用することで,画像を独自のマーカーとして設定することができる.
まず,以下のような小さな画像を用意する.
077-1.png
そしてHTMLとCSSで,それぞれ
077-2.png
077-3.png
のように記述すると,
077-4.png
のように表示される.
画像が表示できない場合に備え,画像マーカーを指定する前に通常のマーカーをlist-style-typeで指定しておくのがポイントである.
↑インデックスに戻る←前の項目(057. list-style-typeプロパティ)→次の項目(059. リンクの指定方法)