リスト画像様式(List Style Image)

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

初期値はnoneであり、画像は表示しません。

画像を表示させるためには、値にそのURIを指定します。

何らかの理由により画像が表示できなかった場合には、list-style-typeプロパティが指定するマーカーが表示されます。

Functional list
書式 list-style-image: <value:値>
<url> | none
継承性 不可
適用要素 display値list-itemの要素
継承性 可能

list-style-imageプロパティーは画像読み込みが機能している場合リスト項目マークとして使われる画像を特定し、list-style-typeプロパティーで特定されたマークと置き代えます。

UL.check { list-style-image: url(/LI-markers/checkmark.gif) }
UL LI.x{ list-style-image: url(x.png) }

リストマークを画像list-style-image

戻る