background-position-yª©¥»¡GIE4+±M¦³ÄÝ©Ê¡@Ä~©Ó©Ê¡GµL
»yªk¡G
background-position-y : length | top | center | bottom
¨úÈ¡G
length | :’ | ¦Ê¤À¼Æ | ¥Ñ¯BÂI¼Æ¦r©M³æ¦ì¼ÐÃѲŲզ¨ªºªø«×È¡C½Ð°Ñ¾\ ªø«×³æ¦ì |
top | :’Â | ©~³» |
center | :’ | ©~¤¤ |
bottom | :’Â | ©~©³ |
»¡©ú¡G
³]¸m©ÎÀ˯Á¹ï¶HªºI´º¹Ï¹³Áa§¤¼Ð¦ì¸m¡C¥²¶·¥ý«ü©w
background-image ÄÝ©Ê¡C
¸ÓÄÝ©Ê©w¦ì¤£¨ü¹ï¶Hªº¸É¤BÄÝ©Ê(
padding )³]¸m¼vÅT¡C
Àq»{Ȭ°¡G
0% ¡C
¦¹Äݩʹï©ó
currentStyle ¹ï¹³¦Ó¨¥¬O¥uŪªº¡C¹ï©ó¨ä¥L¹ï¹³¦Ó¨¥¬O¥iŪ¼gªº¡C
¹ïÀ³ªº¸}¥»¯S©Ê¬°
backgroundPositionY ¡C
¥Ü¨Ò¡G
div { background-image: url("images/aardvark.gif"); background-position-y: 35%; background-repeat:no-repeat; }