list-style-image

Home>CSS>プロパティリファレンス>list-style-image

この情報はお役に立ちましたか?よろしければ皆様にもお知らせください。

  このエントリーをはてなブックマークに追加 mixiチェック  

list-style-imageプロパティの役割

list-style-imageプロパティは、リスト項目の各項目ごとの先頭に表示されるマークを指定した画像にします。

list-style-imageプロパティに設定できる値

url() ()の中に画像までのパスを記述。

list-style-imageプロパティの使い方

<ul style="list-style-image:url(../../../data/img/global/sample.jpg);">
<li>リスト項目1</li>
<li>リスト項目2</li>
</ul>

  • リスト項目1
  • リスト項目2

上記のサンプルは、sample.jpgという画像を、リスト項目の各項目の先頭に表示されるマークに指定しています。

関連リンク

よく読まれている記事

UpDate:2010-8-20