À§Ä¡µÈ °³Ã¼ÀÇ º¸ÀÌ´Â ºÎºÐÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

Àμö
cssSelector : (½ºÅ¸ÀÏ ¼±ÅÃÀÚ)
¼Ó¼ºÀ» °¡Áú¼ö ÀÖ´Â ¿¤·¹¸àÆ®()³ª Ŭ¶ó½º(class) À̸§ ȤÀº ÀνÄÀÚ(id)ÀÌ´Ù.

: (¼Ó¼º ¹®ÀÚ¿­)
½ºÅ¸ÀÏ ¼Ó¼ºÀº À§Ä¡µÈ °³Ã¼ÀÇ º¸ÀÌ´Â ºÎºÐÀ» ³ªÅ¸³»´Â ¹®ÀÚ¿­ÀÌ´Ù.

auto µðÆúÆ®À̸ç, °³Ã¼ÀÇ ¸ðµç ºÎºÐÀÌ º¸ÀδÙ.
rect(top right bottom left)
rect(À§ÂÊ ¿À¸¥ÂÊ ¾Æ·¡ÂÊ ¿ÞÂÊ)
°ø¹éÀ¸·Î ºÐ¸®µÈ top, right, bottom¿Í left ±æÀÌ°ªµéÀÌ¸ç °¢°¢ auto·Î ´ëüÇÒ ¼ö ÀÖ´Â ÁöÁ¤ÇÏ´Â º¹ÇÕ Ãà¾à ¼Ó¼ºÀÌ´Ù.
top Àß·ÁÁö´Â À§ÂÊ Y ÁÂÇ¥¸¦ ÁöÁ¤ÇÑ´Ù. °ª 0Àº Á¦ÀÏ À§ÂÊÀÌ´Ù.
right Àß·ÁÁö´Â ¿À¸¥ÂÊ X ÁÂÇ¥¸¦ ÁöÁ¤ÇÑ´Ù. °ª 0Àº Á¦ÀÏ ¿ÞÂÊÀÌ´Ù.
bottom Àß·ÁÁö´Â ¾Æ·¡ÂÊ Y ÁÂÇ¥¸¦ ÁöÁ¤ÇÑ´Ù. °ª 0Àº Á¦ÀÏ À§ÂÊÀÌ´Ù.
left Àß·ÁÁö´Â ¿ÞÂÊ X ÁÂÇ¥¸¦ ÁöÁ¤ÇÑ´Ù. °ª 0Àº Á¦ÀÏ ¿ÞÂÊÀÌ´Ù.

ÀÌ ¼Ó¼ºÀº Àбâ/¾²±âÀ̸ç, µðÆúÆ®°ªÀº autoÀÌ´Ù.

CSS(Cascading Style Sheets) ¾ÖÆ®¸®ºäÆ®´Â »ó¼ÓµÇÁö ¾Ê´Â´Ù.

Ư±â

ÀÌ ¼Ó¼ºÀº °³Ã¼ÀÇ º¸ÀÌ´Â ºÎºÐÀÇ ÇüÅÂ¿Í Å©±â¸¦ ÁöÁ¤ÇÏ´Â Ãà¾à º¹ÇÕ ¼Ó¼ºÀÌ´Ù. position ¼Ó¼º°ªÀº absolute·Î ¼³Á¤µÇ¾î ÀÖ¾î¾ß ÇÑ´Ù. ÁöÁ¤µÈ À߸° ÁÂÇ¥ ¿ÜºÎÀÇ Áö¿ªÀº º¸ÀÌÁö ¾Ê°í Åõ¸íÇÏ´Ù. °¢ ÁÂÇ¥ÀÇ °ª¿¡´Â ¼öÄ¡ ´ë½Å auto¸¦ »ç¿ëÇÒ ¼ö ÀÖÀ¸¸ç, ÀÌ°æ¿ì ÇØ´ç ÁÂÇ¥ºÎºÐÀº Àß·ÁÁöÁö ¾Ê°í ¸ðµÎ º¸ÀδÙ.

¿¹¸¦ µé¾î clip:rect(0 0 50 50)ÀÇ °¢ ¼Ó¼º°ªµéÀÇ ¼ø¼­´Â °¢°¢ À§ÂÊ¿¡¼­ºÎÅÍ ½Ã°è¹æÇâÀ¸·Î À§ÂÊ ,¿À¸¥ÂÊ, ¾Æ·¡ÂÊ, ¿ÞÂÊÀ̸ç, Á¦ÀÏ À§ÂÊ ¿ÞÂÊ ¸ð¼­¸®·ÎºÎÅÍ ÁÂÇ¥ 50,50±îÁö º¸ÀδÙ.

ÀÌ clip ¼Ó¼ºÀº ÇÃÆÐÆ®Æû IE5¿¡¼­ »ç¿ë°¡´ÉÇÏ´Ù.

Àû¿ë
°³Ã¼scriptCSS IE ¹öÀü
ÂüÁ¶
clip clipBottom clipLeft clipRight clipTop

ÀÌ ¼Ó¼ºÀº CSS2(Cascading Style Sheets Level 2)¿¡ Á¤ÀǵǾú´Ù.