初心者のスタイルシート(CSS)講座:リストマーク画像

・list-style-image
 リストのマークに画像を指定する

【リストマークに画像を使う方法】
list-style-image:url("絶対パスと相対パス")
list-style-image:キーワード

【url】
("絶対パスと相対パス")・・・絶対パスと相対パス参照。画像ファイルの絶対パスまたは相対パスを入れる

 【キーワード】
none・・・初期設定。 画像を表示しない。

list-style-type と同時指定されている場合にはlist-style-imageの値が優先されます。指定された画像のファイルが見つからない場合は list-style-type の指定が適用されます。

 URLで指定する際に、HTML文書から外部のスタイルシート(CSS)を読み込む場合は、HTML文書からでなくスタイルシート(CSS)ファイルからの相対URL(絶対パスと相対パスを参考にしてください)で指定しなくてはなりません。