list-style-positionª©¥»¡GCSS1¡@ Ý®e©Ê¡GIE4+ NS6+¡@Ä~©Ó©Ê¡G¦³
»yªk¡G
list-style-position : outside | inside
¨úÈ¡G
outside | :’ | Àq»{È¡C¦Cªí¶µ¥Ø¼Ð°O©ñ¸m¦b¤å¥»¥H¥~¡A¥BÀô¶¤å¥»¤£®Ú¾Ú¼Ð°O¹ï»ô |
inside | :’ | ¦Cªí¶µ¥Ø¼Ð°O©ñ¸m¦b¤å¥»¥H¤º¡A¥BÀô¶¤å¥»®Ú¾Ú¼Ð°O¹ï»ô |
»¡©ú¡G
³]¸m©ÎÀ˯Á§@¬°¹ï¶Hªº¦Cªí¶µ¼Ð°O¦p¦ó®Ú¾Ú¤å¥»±Æ¦C¡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©Ê¬°
listStylePosition ¡C
¥Ü¨Ò¡G
ul.in { display: list-item; list-style-position: inside; }