Loose-Info.com

Last Update 2019/12/25


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>