W3CÀ߸²(clipping) Áö¿ª(region) ¿¹Á¦ÀÇ ±ä ¼³¸íTrio ȨÆäÀÌÁö 

ÀÌ µµÇ¥´Â µÎ ºí·°(block) ¹Ú½º(box)µéÀÌ Çϳª°¡ ´Ù¸¥ °ÍÀÇ À§¿¡ ÀÖ°í, »ç°¢Çü À߸² Áö¿ª(clipping region)µéÀÌ ´Ù¸¥ Å©±â¸¦ °®´Â °ÍÀ» ¼³¸íÇÑ´Ù.

P ¿¤·¹¸àÆ®¿¡ »ý¼ºµÈ ºí·° ¹Ú½ºµéÀº °°°í, ±½Àº °ËÁ¤ º¸´õ·Î Ç¥½Ã µÇ¾úÀ¸¸ç, ȸ»ö ¹è°æÀ» °®´Â´Ù.
°¢ ºí·° ¹Ú½ºÀÇ À§ÂÊ ¿ÞÂÊ ¸ð¼­¸®¿¡ ¿ø·¡ÀÇ ÁÂÇ¥(coordinate) ½Ã½ºÅÛ(system)À» °®´Â´Ù.
x Ãà(x-axis)Àº P ¹Ú½ºÀÇ ¸ÇÀ§ ¸ð¼­¸®¸¦ µû¶ó Áõ°¡(¿À¸¥ÂÊÀ¸·Î)ÇÑ´Ù.
y Ãà(y-axis)Àº ¿ÞÂÊ ¸ð¼­¸®¸¦ µû¶ó ³»·Á°£´Ù.
¾ç ÃàµéÀº 5pxÀÇ Áõ°¡ÇÏ´Â °ÍÀ¸·Î ÇÏ¿´´Ù.

ù¹ø° P ¹Ú½ºÀÇ À߸² Áö¿ªÀº ÀüºÎ ±× ¾È¿¡ ÀÖ°í, P ¹Ú½ºÀÇ ¸ÇÀ§¿Í ¿ÞÂÊ ¸ð¼­¸®µé·Î ºÎÅÍ ¿ÀÇÁ¼¼Æ®(offset) 5pxÀ̸ç, ¿À¸¥ÂÊ¿Í ¹Ù´Ú ¸ð¼­¸®(edge)µé·Î ºÎÅÍ 10px ÀÌ´Ù.
±× À߸² Áö¿ª(Àº ±½Àº ´ë½¬Á¡¼±('---') º¸´õ¿Í ¹é»ö ¹è°æÀ» °¡Áö°í "clip region"À¸·Î ¶óº§(label)µÇ¾ú´Ù.

µÎ¹ø° P ¹Ú½ºÀÇ À߸² Áö¿ªµµ ù¹ø°ÀÇ ½ºÅ¸ÀÏ(style)°ú À§Ä¡¿¡¼­ À¯»çÇϳª, ±× ¿À¸¥ÂÊ ¸ð¼­¸®°¡ P ¹Ú½ºÀÇ ¿À¸¥ÂÊ ¸ð¼­¸® ¿À¸¥ÂÊ¿¡¼­ 5pxÀ̶ó´Â °ÍÀº ´Ù¸£´Ù.
µû¶ó¼­, ±× À߸² Áö¿ª(clipping region)Àº ºÎºÐÀûÀ¸·Î ±× P ¹Ú½º ¹Û°Ô ¿À°ÔµÈ´Ù.

À̹ÌÁö·Î µ¹¾Æ°¨   ¿ø¹® : È­ÀÏ À§Ä¡
ÀÌ Trio ȨÆäÀÌÁö ¹®¼­()´Â
ÀÚÀ¯·ÎÀÌ ¿¬°á »ç¿ëÀÌ °¡´ÉÇÔ.