list-style-image は、リストマーク（マーカー）に画像を指定するプロパティです。
ul 要素、ol 要素、li 要素の他、displayプロパティで list-item を指定した要素に適用できます。
※リストについての詳細は、リストタグのカテゴリーをご覧ください。
ul {
list-style-image: url(image/mark.gif);
}
| list-style-image | 表示させたい画像ファイルを指定します |
|---|
【画像の指定方法】
url( ) … ( ) 内に画像のファイルを指定します。
（例） list-style-image: url(mark.gif);
次のように none を指定すると、「画像なし」を指定したことになります。（デフォルト）
list-style-image: none;
マーカーの種類が指定されている場合でも、画像表示の指定が優先されます。
<html>
<head>
<title>TAG index Webサイト</title>
<style type="text/css">
<!--
ul { list-style-image: url(image/mark.gif); }
-->
</style>
</head>
<body>
<ul>
<li>Webディレクター</li>
<li>Webデザイナー</li>
<li>Webプログラマー</li>
</ul>
</body>
</html>
▼これをブラウザで見ると次のように表示されます
