£±¡¥¥ê¥¹¥È¥Þ¡¼¥¯¤òÀßÄꤹ¤ë

---

list-style-type : ¥­¡¼¥ï¡¼¥É;

¡ã¥­¡¼¥ï¡¼¥É¡ä
¡¡none : ¥ê¥¹¥È¥Þ¡¼¥¯¤Ê¤·
¡¡disc : ¹õ´Ý
¡¡circle : Çò´Ý
¡¡square : ¹õ»Í³Ñ
¡¡decimal : ¿ô»ú(1,2,3,4¡¦¡¦¡¦¡¦)
¡¡lower-alpha : ¥¢¥ë¥Õ¥¡¥Ù¥Ã¥È¾®Ê¸»ú(a,b,c,d¡¦¡¦¡¦¡¦)
¡¡upper-alpha : ¥¢¥ë¥Õ¥¡¥Ù¥Ã¥ÈÂçʸ»ú(A,B,C,D¡¦¡¦¡¦¡¦)
¡¡lower-roman : ¥í¡¼¥Þ»ú¾®Ê¸»ú(,,,¡¦¡¦¡¦¡¦)
¡¡upper-roman : ¥í¡¼¥Þ»úÂçʸ»ú(­µ,­¶,­·,­¸¡¦¡¦¡¦¡¦)

¡ÊÎã¡Ë
<OL>
<LI style="list-style-type: none;">Èóɽ¼¨
<LI style="list-style-type: disc;">¹õ´Ý
<LI style="list-style-type: circle;">Çò´Ý
<LI style="list-style-type: square;">¹õ»Í³Ñ
<LI style="list-style-type: decimal;">¿ô»ú
<LI style="list-style-type: lower-alpha;">¥¢¥ë¥Õ¥¡¥Ù¥Ã¥È¾®Ê¸»ú
<LI style="list-style-type: upper-alpha;">¥¢¥ë¥Õ¥¡¥Ù¥Ã¥ÈÂçʸ»ú
<LI style="list-style-type: lower-roman;">¥í¡¼¥Þ»ú¾®Ê¸»ú
<LI style="list-style-type: upper-roman;">¥í¡¼¥Þ»úÂçʸ»ú
</OL>

¡Ê·ë²Ì¡Ë

1. Èóɽ¼¨
2. ¹õ´Ý
3. Çò´Ý
4. ¹õ»Í³Ñ
5. ¿ô»ú
6. ¥¢¥ë¥Õ¥¡¥Ù¥Ã¥È¾®Ê¸»ú
7. ¥¢¥ë¥Õ¥¡¥Ù¥Ã¥ÈÂçʸ»ú
8. ¥í¡¼¥Þ»ú¾®Ê¸»ú
9. ¥í¡¼¥Þ»úÂçʸ»ú

£²¡¥¥ê¥¹¥È¥Þ¡¼¥¯¤Ë²èÁü¤òÀßÄꤹ¤ë

---

list-style-image : ¥­¡¼¥ï¡¼¥É Ëô¤Ï url(²èÁü¥Õ¥¡¥¤¥ë̾);


¡ã¥­¡¼¥ï¡¼¥É¡ä
¡¡none¡¡²èÁü¤òɽ¼¨¤·¤Ê¤¤¡Ê¥Ç¥Õ¥©¥ë¥È¡Ë

¡ã²èÁü¥Õ¥¡¥¤¥ë̾¡ä
¡¡²èÁü¥Õ¥¡¥¤¥ë¤ÎURL¤ò»ØÄꤷ¤Þ¤¹
¡¡list-style-image : url(²èÁü¥Õ¥¡¥¤¥ë̾);


¡ÊÎã¡Ë
<UL>
<LI style="list-style-image: url(sample3.gif);">¥ê ¥¹¥È¥Þ¡¼¥¯¤¬»ØÄꤷ¤¿²èÁü¤Ë
<LI style="list-style-image: url(sample3.gif);">¥ê ¥¹¥È¥Þ¡¼¥¯¤¬»ØÄꤷ¤¿²èÁü¤Ë
<LI style="list-style-image: url(sample3.gif);">¥ê ¥¹¥È¥Þ¡¼¥¯¤¬»ØÄꤷ¤¿²èÁü¤Ë
</UL>
¡Ê·ë²Ì¡Ë

• ¥ê ¥¹¥È¥Þ¡¼¥¯¤¬»ØÄꤷ¤¿²èÁü¤Ë
• ¥ê ¥¹¥È¥Þ¡¼¥¯¤¬»ØÄꤷ¤¿²èÁü¤Ë
• ¥ê ¥¹¥È¥Þ¡¼¥¯¤¬»ØÄꤷ¤¿²èÁü¤Ë

£³¡¥¥ê¥¹¥È¥Þ¡¼¥¯¤Î°ÌÃÖ¤òÀßÄꤹ¤ë¡£

---

list-style-position : ¥­¡¼¥ï¡¼¥É;


¡ã¥­¡¼¥ï¡¼¥É¡ä
¡¡outside : ¥ê¥¹¥È¥Þ¡¼¥¯¤ò¹àÌܤγ°¤Ëɽ¼¨¡Ê¥Ç¥Õ¥©¥ë¥È¡Ë
¡¡inside : ¥ê¥¹¥È¥Þ¡¼¥¯¤ò¹àÌÜÆâ¤ËËä¤á¹þ¤ó¤Çɽ¼¨

¡ÊÎã¡Ë
<OL>
<LI style="list-style-position:outside;">¤³¤ì¤¬outside¤Çɽ¼¨¤Ç¤¹¡Ê¥Ç¥Õ¥©¥ë¥È¡Ë¡£<BR>
¡¡¥ê¥¹¥È¤¬¹àÌܳ°¤Ëɽ¼¨¤µ¤ì¤Æ¤¤¤Þ¤¹¡£
<LI style="list-style-position:inside;">¤³¤Ã¤Á¤Ïinside¤Çɽ ¼¨¤·¤Æ¤¤¤Þ¤¹<BR>
¡¡¥ê¥¹¥È¤¬¹àÌÜÆâ¤Ëɽ¼¨¤µ¤ì¤Þ¤¹¡£
</OL>

¡Ê·ë²Ì¡Ë

1. ¤³¤ì¤Ïoutside¤Çɽ¼¨¤·¤Æ¤¤¤Þ¤¹¡Ê¥Ç¥Õ¥©¥ë¥È¡Ë¡£
   ¥ê¥¹¥È¤¬¹àÌܳ°¤Ëɽ¼¨¤µ¤ì¤Æ¤¤¤Þ¤¹¡£
2. ¤³¤Ã¤Á¤Ïinside¤Çɽ ¼¨¤·¤Æ¤¤¤Þ¤¹
   ¥ê¥¹¥È¤¬¹àÌÜÆâ¤Ëɽ¼¨¤µ¤ì¤Þ¤¹¡£

£´¡¥¥ê¥¹¥È¥Þ¡¼¥¯¤ò¤Þ¤È¤á¤ÆÀßÄꤹ¤ë

---

---

½é¿´¼Ô¤Ë¤è¤ë½é¿´¼Ô¤Î¤¿¤á¤ÎCSS¹ÖºÂ_TOP¤ËÌá¤ë