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; }