TOP - CSS1(Cascading Style Sheets, level 1) - list-style-image

リストの先頭に付く記号に画像を指定します。
キーワード"none"か画像のURLが値となります。デフォルトはnoneで黒丸が表示されます。

(例)

使用画像 : list_img1.gif


使用画像 : list_img2.gif


使用画像 : list_img3.gif
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<TITLE>テスト</TITLE>
<STYLE type="text/css">
<!--
UL.test1 {list-style-image: none}
UL.test2 {list-style-image: url(list_img1.gif)}
UL.test3 {list-style-image: url(list_img2.gif)}
UL.test4 {list-style-image: url(list_img3.gif)}
-->
</STYLE>
</HEAD>
<BODY>
<UL class="test1">
<LI>リスト1
<LI>リスト2
<LI>リスト3
</UL>
<BR>
<UL class="test2">
<LI>リスト1
<LI>リスト2
<LI>リスト3
</UL>
<BR>
<UL class="test3">
<LI>リスト1
<LI>リスト2
<LI>リスト3
</UL>
<BR>
<UL class="test4">
<LI>リスト1
<LI>リスト2
<LI>リスト3
</UL>
</BODY>
</HTML>


Copyright(C) 2006-2011 CLAYPOT. All Rights Reserved.