list-style-image

CSSプロパティ「list-style-image」の解説とサンプル。

リストマークに画像を指定するプロパティ。

通常、リストマークはlist-style-typeで指定されるようなテキストで表示されるが、list-style-imageを使用することで画像をマークに用いることができる。

URL	画像URLを次の形式で記載する。 list-style-image:url('画像のURL');

[CSSの記述]

.sample { list-style-image:url('hogehoge.gif'); }

[HTMLの記述]

<ul class="sample">
	<li>テキストテキストテキスト</li>
	<li>テキストテキストテキスト</li>
	<li>テキストテキストテキスト</li>
</ul>

[ブラウザ上の表示]

CSSレイアウト実践講座カテゴリ