Clip ¼Ó¼º
¢¸ ¢º
Element boxÀÇ ¾î´À ºÎºÐÀ» ȸ鿡 ³ªÅ¸³ª°Ô ÇÒ °ÍÀÎÁö ÁöÁ¤ÇÒ ¼ö ÀÖ´Ù. ¾ÆÁ÷Àº »ç°¢ÇüÀ¸·Î¸¸ ÀÚ¸¦ ¼ö ÀÖ´Ù.
±âÈ£ ¼³¸í
A | B : A ¶Ç´Â B ÁßÀÇ ÇϳªÀÌ´Ù.
<A> : AÀÇ °ªÀÌ µé¾î°£´Ù.
clip : <shape> | auto
Position ¼Ó¼ºÀÇ °ªÀÎ absoluteÀÎ element¿¡ Àû¿ëµÇ¸ç, À¯ÀüµÇÁö ¾Ê´Â´Ù.
ÃʱⰪÀº autoÀÌ´Ù.
ShapeÀÇ °ªÀº
rect(<top> <right> <bottom> <left>)°¡ µé¾î°£´Ù. Top, right, bottom, leftÀÇ °ªÀº
±æÀ̳ª auto°¡ µé¾î°¥ ¼ö ÀÖ´Ù. ±æÀÌ¿¡´Â À½¼öµµ µé¾î°¥ ¼ö ÀÖ´Ù.
ÇØ´ç element boxÀÇ ¿ÞÂÊ ÀÁ¡À» ±âÁØÀ¸·Î ÇÑ´Ù.
<HTML>
<HEAD>
<STYLE type="text/css">
IMG {clip : rect(30px 60px 30px 60px)}
</STYLE>
</HEAD>
<BODY>
<IMG src="leaves.gif">
</BODY>
</HTML> ÀÌ·¸°Ô ³ª¿Í¿ä
¢¸ ¢º