list-style-typeª©¥»¡GCSS1/CSS2¡@ ­Ý®e©Ê¡GIE4+ NS6+¡@Ä~©Ó©Ê¡G¦³
»yªk¡G
list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin
¨ú­È¡G
disc :’ CSS1 Àq»{­È¡C¹ê¤ß¶ê
circle :’ CSS1 ªÅ¤ß¶ê
square :’ CSS1 ¹ê¤ß¤è¶ô
decimal :’ CSS1 ªü©Ô§B¼Æ¦r
lower-roman :’ CSS1 ¤p¼gù°¨¼Æ¦r
upper-roman :’ CSS1 ¤j¼gù°¨¼Æ¦r
lower-alpha :’ CSS1 ¤p¼g­^¤å¦r¥À
upper-alpha :’ CSS1 ¤j¼g­^¤å¦r¥À
none :’ CSS1 ¤£¨Ï¥Î¶µ¥Ø²Å¸¹
armenianl :’ CSS2 ¥¼¤ä«ù¡C¶Ç²Îªº¨È¬ü¥§¨È¼Æ¦r
cjk-ideographic :’ CSS2 ¥¼¤ä«ù¡C²L¥Õªºªí·N¼Æ¦r
georgian :’ CSS2 ¥¼¤ä«ù¡C¶Ç²Îªº³ìªv¼Æ¦r
lower-greek :’ CSS2 ¥¼¤ä«ù¡C°ò¥»ªº§Æþ¤p¼g¦r¥À
hebrew :’ CSS2 ¥¼¤ä«ù¡C¶Ç²Îªº§Æ§BµÜ¼Æ¦r
hiragana :’ CSS2 ¥¼¤ä«ù¡C¤é¤å¥­°²¦W¦r²Å
hiragana-iroha :’ CSS2 ¥¼¤ä«ù¡C¤é¤å¥­°²¦W§Ç¸¹
katakana :’ CSS2 ¥¼¤ä«ù¡C¤é¤å¤ù°²¦W¦r²Å
katakana-iroha :’ CSS2 ¥¼¤ä«ù¡C¤é¤å¤ù°²¦W§Ç¸¹
lower-latin :’ CSS2 ¥¼¤ä«ù¡C¤p¼g©Ô¤B¦r¥À
upper-latin :’ CSS2 ¥¼¤ä«ù¡C¤j¼g©Ô¤B¦r¥À
»¡©ú¡G
³]¸m©ÎÀ˯Á¹ï¶Hªº¦Cªí¶µ©Ò¨Ï¥Îªº¹w³]¼Ð°O¡C
­Y list-style-image ÄݩʭȬ° none ©Î«ü©w url ¦a§}ªº¹Ï¤ù¤£¯à³QÅã¥Ü®É¡A¦¹ÄݩʱNµo¥Í§@¥Î¡C
°²¦p¤@­Ó¦Cªí¶µ¥Øªº¥ª¥~¸É¤B( margin-left )³Q³]¸m¬° 0 ¡A«h¦Cªí¶µ¥Ø¼Ð°O¤£·|³QÅã¥Ü¡C¥ª¥~¸É¤B( margin-left )³Ì¤p¥i¥H³Q³]¸m¬° 30 ¡C
¶È§@¥Î©ó¨ã¦³ display Äݩʭȵ¥©ó list-item ªº¹ï¶H¡C¦p li ¹ï¶H¡C
ª`·N¡G ol ¹ï¹³©M ul ¹ï¶Hªº type Äݩʬ°¨ä«áªº©Ò¦³¦Cªí¶µ¥Ø(¦p li ¹ï¹³)«ü©ú¦CªíÄÝ©Ê¡C
¦¹Äݩʹï©ó currentStyle ¹ï¹³¦Ó¨¥¬O¥uŪªº¡C¹ï©ó¨ä¥L¹ï¹³¦Ó¨¥¬O¥iŪ¼gªº¡C
¹ïÀ³ªº¸}¥»¯S©Ê¬° listStyleType ¡C
¥Ü¨Ò¡G
ul.in { display: list-item; list-style-position: inside; }