clipª©¥»¡GCSS2¡@ Ý®e©Ê¡GIE4+ NS6+¡@Ä~©Ó©Ê¡GµL
»yªk¡G
clip : auto | rect ( number number number number )
¨úÈ¡G
auto | :’ | Àq»{È¡C¹ï¹³µL°Å¤Á |
rect ( number number number number ) | :’ | ¨Ì¾Ú¤W-¥k-¤U-¥ªªº¶¶§Ç´£¨Ñ¦Û¹ï¹³¥ª¤W¨¤¬°(0,0)§¤¼Ðpºâªº¥|Ó°¾²¾¼ÆÈ¡A¨ä¤¤¥ô¤@¼Æȳ£¥i¥Î auto ´À´«¡A§Y¦¹Ã䤣°Å¤Á |
»¡©ú¡G
À˯Á©Î³]¸m¹ï¶Hªº¥iµø°Ï°ì¡C¥iµø°Ï°ì¥~ªº³¡¤À¬O³z©úªº¡C
¦¹ÄÝ©Ê©w¸q¤Fµ´¹ï(absolute)©w¦ì¹ï¶H¥iµø°Ï°ìªº¤Ø¤o¡C¥²¶·±N
position ÄݩʪºÈ³]¬°
absolute ¡A¦¹Äݩʤè¥i¨Ï¥Î¡C
¦ÛIE5¶}©l¡A¦¹ÄݩʦbMAC¥¥x¤W¥i¥Î¡C
¹ïÀ³ªº¸}¥»¯S©Ê¬°
clip ¡C
¥Ü¨Ò¡G
div { position:absolute; width:60px; height:60px; clip:rect(0 20 50 10); }
div { position:absolute; width:60px; height:60px; clip:rect(1cm auto 50px 10cm); }