¹®¼­ÀÇ ÁÖ¾îÁø ¿¤·¹¸àÆ®ÀÇ ¼³Á¤µÈ ÀζóÀÎ ½ºÅ¸ÀϵéÀ» ÂüÁ¶ÇÑ´Ù.

Script [propVal=]..propName;
HTML style="cssVal">innerString
Ư±â

ÀζóÀÎ ½ºÅ¸ÀϽ¬Æ®´Â style ¼Ó¼ºÀ» »ç¿ëÇÏ¿© Á÷Á¢ °³º° ¿¤·¹¸àÆ®¿¡ Àû¿ëÇϴµ¥ »ç¿ëÇÑ´Ù.
style °³Ã¼¿¡¼­ ÁöÁ¤µÈ °ÍÀ» ¹ÝȯÇϰųª »õ·Î¿î ÁöÁ¤À» Çϰųª º¯°æÇϱâ À§ÇÏ¿© »ç¿ëÇÑ´Ù.

style °³Ã¼¸¦ ¹Ýȯ¹Þ±â À§Çؼ­ element °³Ã¼¿¡ Å°¿öµå styleÀ» »ç¿ëÇÑ´Ù.
¼³Á¤µÇ¾î ÀÖ´Â ÀζóÀÎ ½ºÅ¸ÀÏÀ» ¹Ýȯ¹Þ±â À§Çؼ­ style °³Ã¼ÀÇ ÇØ´ç style ¼Ó¼ºÀ» È£ÃâÇÑ´Ù.

style °³Ã¼´Â ½ºÅ¸ÀϽ¬Æ®¿¡ ÁöÁ¤ÇÑ ½ºÅ¸ÀÏÀ» È£ÃâÇÏ´Â ¹æ¹ýÀ» Á¦°øÇÏÁö ¾Ê´Â´Ù.
½ºÅ¸ÀϽ¬Æ®ÀÇ Á¤º¸¸¦ º¸±â À§Çؼ­´Â ¹®¼­ÀÇ styleSheets Ä÷º¼ÇÀ» È£ÃâÇÏ¿© °³º° ½ºÅ¸ÀÏÀ» ÂüÁ¶ÇÏ¸é µÈ´Ù.

posHeight, posWidth, posTop, posLeft, pixelHeight, pixelWidth, pixelTop¿Í pixelLeft ½ºÅ¸ÀÏ ¼Ó¼ºµéÀº style °³Ã¼¸¦ È£ÃâÇϱâ À§ÇÑ rule °³Ã¼¸¦ Áö¿øÇÏÁö ¾Ê´Â´Ù.

¿©·¯ ½ºÅ¸ÀÏ ¼Ó¼ºµéÀ» Çѹø¿¡ »èÁ¦Çϱâ À§Çؼ­´Â ÇØ´ç °³Ã¼¿¡¼­ cssText ¼Ó¼º¿¡ ºó¹®ÀÚ¿­À» ÇÒ´çÇÏ¸é µÇ°í, º¯°æµµ ÇÒ ¼ö ÀÖ´Ù.

Ŭ¸¯Çؼ­ ½ºÅ¸ÀÏÀ» º¯°æ½ÃÄÑ º¸¶ó.
<DIV id=divObj style="color:blue;background:yellow;border:dotted 1 blue;font-size:20;padding:5"
  onclick="this.style.cssText='color:red;background:aqua;border:solid 1 blue;font-size:23;padding:4'">
Ŭ¸¯Çؼ­ ½ºÅ¸ÀÏÀ» º¯°æ½ÃÄÑ º¸¶ó.</div>

ÀÌ °³Ã¼´Â IE4.0 À̻󿡼­ ½ºÅ©¸³Æ®¸¦ »ç¿ëÇÒ ¼ö ÀÖ´Ù.

Àû¿ë
°³Ã¼scriptHTML±Ô°ÝIE
ÂüÁ¶
styleSheet styleSheets

¼³¸íÀ» À§ÇÑ ¿¹Á¦


onOffBehavior ¼Ó¼º IE
¢¡ ÁöÁ¤µÈ MS DirectAnimation¢ç ºñÇìÀ̹ö(behavior)°¡ µ¹¾Æ°¡´ÂÁö¸¦ ³ªÅ¸³»´Â °³Ã¼¸¦ ¹ÝȯÇÑ´Ù.
¹®¹ý: .onOffBehavior[=true|false]
ÄÚµå: document.write(oObj.onOffBehavior=true); °á°ú:

stylescript
{accelerator:val} obj.style.accelerator[=val]
¢¡ °³Ã¼°¡ ´ÜÃàÅ°¸¦ °¡Áö°í Àִ°¡¸¦ ºÎ¿ï°ªÀ¸·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{background:val} obj.style.background[=val]
¢¡ °³Ã¼ÀÇ ¹è°æ ¼Ó¼ºµéÀ» 5°³±îÁö ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{background-attachment:val} obj.style.backgroundAttachment[=val]
¢¡ ¹®¼­ ¼ÓÀÇ ¹è°æ À̹ÌÁö¸¦ °³Ã¼¿¡ ¹è¿­ ¹æ½ÄÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{background-color:val} obj.style.backgroundColor[=val]
¢¡ °³Ã¼ÀÇ ¹è°æ¿¡ ±ò¸®´Â »ö»óÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{background-image:val} obj.style.backgroundImage[=val]
¢¡ °³Ã¼ÀÇ ¹è°æ À̹ÌÁö¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù .
{background-position:val} obj.style.backgroundPosition[=val]
¢¡ °³Ã¼ÀÇ ¹è°æ À̹ÌÁöÀÇ À§Ä¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{background-position-x:val} obj.style.backgroundPositionX[=val]
¢¡ backgroundPosition ¼Ó¼ºÀÇ x ÁÂÇ¥¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{background-position-y:val} obj.style.backgroundPositionY[=val]
¢¡ backgroundPosition ¼Ó¼ºÀÇ y ÁÂÇ¥¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{background-repeat:val} obj.style.backgroundRepeat[=val]
¢¡ °³Ã¼ backgroundImage ¼Ó¼ºÀÇ ¹Ýº¹ ¹æ½ÄÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{behavior:val} obj.style.behavior[=val]
¢¡ DHTML behaviorÀÇ ¼Ò°³ À§Ä¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{border:val} obj.style.border[=val]
¢¡ °³Ã¼ÀÇ Å׵θ® ¼Ó¼ºµéÀ» ÀÏ°ýÀûÀ¸·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{border-bottom:val} obj.style.borderBottom[=val]
¢¡ °³Ã¼ÀÇ ¹Ù´Ú Å׵θ® ¼Ó¼ºµéÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{border-bottom-color:val} obj.style.borderBottomColor[=val]
¢¡ °³Ã¼ÀÇ ¹Ù´Ú Å׵θ®ÀÇ »ö»óÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{border-bottom-style:val} obj.style.borderBottomStyle[=val]
¢¡ °³Ã¼ÀÇ ¹Ù´Ú Å׵θ® ÇüŸ¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{border-bottom-width:val} obj.style.borderBottomWidth[=val]
¢¡ °³Ã¼ÀÇ ¹Ù´Ú Å׵θ®ÀÇ µÎ²²¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{border-collapse:val} obj.style.borderCollapse[=val]
¢¡ Å×À̺íÀÇ ÁÙÀ̳ª Ä­ÀÇ Å׵θ®°¡ ¼­·Î ÇÕÇØÁö´Â°¡¸¦ ºÐ¸®µÇ´Â°¡ ³ªÅ¸³»´Â °ªÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{border-color:val} obj.style.borderColor[=val]
¢¡ °³Ã¼ÀÇ Å׵θ® »ö»óµéÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{border-left:val} obj.style.borderLeft[=val]
¢¡ °³Ã¼ ¿ÞÂÊ Å׵θ®ÀÇ ¼Ó¼ºµéÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{border-left-color:val} obj.style.borderLeftColor[=val]
¢¡ °³Ã¼ ¿ÞÂÊ Å׵θ®ÀÇ »ö»óÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{border-left-style:val} obj.style.borderLeftStyle[=val]
¢¡ °³Ã¼ ¿ÞÂÊ Å׵θ®ÀÇ ÇüŸ¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{border-left-width:val} obj.style.borderLeftWidth[=val]
¢¡°³Ã¼ ¿ÞÂÊ Å׵θ®ÀÇ µÎ²²¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{border-right:val} obj.style.borderRight[=val]
¢¡ °³Ã¼ ¿À¸¥ÂÊ Å׵θ®ÀÇ ¼Ó¼ºµéÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{border-right-color:val} obj.style.borderRightColor[=val]
¢¡ °³Ã¼ ¿À¸¥ÂÊ Å׵θ®ÀÇ »ö»óÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{border-right-style:val} obj.style.borderRightStyle[=val]
¢¡ °³Ã¼ ¿À¸¥ÂÊ Å׵θ®ÀÇ ÇüŸ¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{border-right-width:val} obj.style.borderRightWidth[=val]
¢¡ °³Ã¼ ¿À¸¥ÂÊ Å׵θ®ÀÇ µÎ²²¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{border-style:val} obj.style.borderStyle[=val]
¢¡ °³Ã¼ÀÇ À§ÂÊ, ¿À¸¥ÂÊ, ¾Æ·¡ÂÊ, ¿ÞÂÊ Å׵θ®µéÀÇ ÇüŸ¦ ÀÏ°ýÀûÀ¸·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{border-top:val} obj.style.borderTop[=val]
¢¡ °³Ã¼ À§ÂÊ Å׵θ®ÀÇ ¼Ó¼ºµéÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{border-top-color:val} obj.style.borderTopColor[=val]
¢¡ °³Ã¼ À§ÂÊ Å׵θ®ÀÇ »ö»óÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{border-top-style:val} obj.style.borderTopStyle[=val]
¢¡ °³Ã¼ À§ÂÊ Å׵θ®ÀÇ ÇüŸ¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{border-top-width:val} obj.style.borderTopWidth[=val]
¢¡ °³Ã¼ À§ÂÊ Å׵θ®ÀÇ µÎ²²¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{border-width:val} obj.style.borderWidth[=val]
¢¡ °³Ã¼ÀÇ À§ÂÊ, ¿À¸¥ÂÊ, ¾Æ·¡ÂÊ, ¿ÞÂÊ Å׵θ®µéÀÇ µÎ²²¸¦ ÀÏ°ýÀûÀ¸·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{bottom:val} obj.style.bottom[=val]
¢¡ °³Ã¼ ü°èµµ»ó ¾Æ·¡ÂÊ °³Ã¼¿ÍÀÇ °Å¸®¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{clear:val} obj.style.clear[=val]
¢¡ °³Ã¼¿¡¼­ ºÎµ¿(float)ºÎºÐÀÇ ¸éÀÇ ¿ÞÂÊ, ¿À¸¥ÂÊ È¤Àº ¾çÂÊÀ¸·Î Ç¥ÇöÀÌ Çã¿ëÇϴ°¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{clip:val} obj.style.clip[=val]
¢¡ °³Ã¼ÀÇ ¾î´À ºÎºÐÀ» º¸ÀÌ°Ô ÇÒ °ÍÀΰ¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{color:val} obj.style.color[=val]
¢¡ °³Ã¼ÀÇ ±ÛÀÚ »ö»óÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¾ø½¿ obj.style.cssText[=val]
¢¡ ½ºÅ¸ÀÏ ³»¿ë(rule)À» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{cursor:val} obj.style.cursor[=val]
¢¡ °³Ã¼À§¿¡¼­ ¸¶¿ì½º Æ÷ÀÎÅÍÀÇ º¸ÀÌ´Â ÇüŸ¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{direction:val} obj.style.direction[=val]
¢¡ °³Ã¼ÀÇ Àд ¼ø¼­¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{display:val} obj.style.display[=val]
¢¡ °³Ã¼¸¦ µð½ºÇ÷¹ÀÌÇÒ °ÍÀΰ¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{font:val} obj.style.font[=val]
¢¡ °³Ã¼ÀÇ font ¼Ó¼ºµé Á¶ÇÕÇÏ¿© ¹ÝȯÇϰųª ¼³Á¤Çϰųª, »ç¿ëÀÚ ¼±È£ ±Û²ÃµéÀ» 6°³±îÁö ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{font-family:val} obj.style.fontFamily[=val]
¢¡ »ç¿ëÇÑ ±Û²ÃÀÇ À̸§µéÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{font-size:val} obj.style.fontSize[=val]
¢¡ °³Ã¼ ÅؽºÆ®¿¡¼­ »ç¿ëÇÑ ±Û²ÃÀÇ Å©±â¸¦ ³ªÅ¸³»´Â ¼öÄ¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{font-style:val} obj.style.fontStyle[=val]
¢¡ °³Ã¼ÀÇ ±Û²Ã ÇüÅÂÀ» italic, normal, obliqueµîÀ¸·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{font-variant:val} obj.style.fontVariant[=val]
¢¡ °³Ã¼ÀÇ ¹®ÀÚ¸¦ ÀÛÀº ´ë¹®ÀÚµé·Î º¯ÇüÇÒ °ÍÀΰ¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{font-weight:val} obj.style.fontWeight[=val]
¢¡ °³Ã¼ÀÇ ±Û²Ã µÎ²²¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{height:val} obj.style.height[=val]
¢¡ °³Ã¼ÀÇ ³ôÀ̸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{ime-mode:val} obj.style.imeMode[=val]
¢¡ °³Ã¼ÀÇ ÀÔ·Â ¹æ½Ä ÆíÁý(IME : Input Method Editor)À» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{layout-flow:val} obj.style.layoutFlow[=val]
¢¡ °³Ã¼ ³»¿ëÀÇ ¹æÇâÀ̳ª È帧¹æÇâÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{layout-grid:val} obj.style.layoutGrid[=val]
¢¡ ¹®ÀÚµéÀÇ ·¹À̾ƿôÀ» ÁöÁ¤ÇÏ´Â ¹®¼­ ±×¸®µå(grid) ¼Ó¼ºµéÀ» ÀÏ°ýÀûÀ¸·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{layout-grid-char:val} obj.style.layoutGridChar[=val]
¢¡ ¿¤·¹¸àÆ®µï ³»¿ë ¹®ÀÚ¸¦ Ç¥ÇöÇϱâ À§ÇÏ¿© »ç¿ëµÈ ±ÛÀÚ ±×¸®µåÀÇ Å©±â¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{layout-grid-line:val} obj.style.layoutGridLine[=val]
¢¡ ¿¤·¹¸àÆ®µï ³»¿ë ¹®ÀÚ¸¦ Ç¥ÇöÇϱâ À§ÇÏ¿© »ç¿ëµÈ ±ÛÀÚ ±×¸®µå ÁÙ °ªÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{layout-grid-mode:val} obj.style.layoutGridMode[=val]
¢¡ ÅؽºÆ® ·¹À̾ƿô ±×¸®µå¿¡ °¡·Î, ¼¼·Î°¡ »ç¿ëµÇ¾ú´Â°¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù
{layout-grid-type:val} obj.style.layoutGridType[=val]
¢¡ ¿¤·¹¸àÆ®µï ³»¿ë ¹®ÀÚ¸¦ Ç¥ÇöÇϱâ À§ÇÏ¿© »ç¿ëµÈ ±×¸®µåÀÇ Á¾·ù¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{left:val} obj.style.left[=val]
¢¡ °³Ã¼ ü°èµµ»ó ¿ÞÂÊ °³Ã¼¿ÍÀÇ °Å¸®¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù..
{letter-spacing:val} obj.style.letterSpacing[=val]
¢¡ °³Ã¼ ¼Ó¿¡¼­ ±ÛÀÚµé »çÀÌÀÇ °£°ÝÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{line-break:val} obj.style.lineBreak[=val]
¢¡ ÀϺ»¾î ÅؽºÆ®¿¡¼­ ÁÙÀÚ¸§(line-breaking) ¸í·É(rule)À» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{line-height:val} obj.style.lineHeight[=val]
¢¡ °³Ã¼ ¼Ó¿¡¼­ ÁÙ°ú ¾Æ·¡ÁÙ°úÀÇ °Å¸®¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{list-style:val} obj.style.listStyle[=val]
¢¡ °³Ã¼ÀÇ ¸ñ·Ï ½ºÅ¸ÀÏ(listStyle)À» 3°³±îÁö ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{list-style-image:val} obj.style.listStyleImage[=val]
¢¡ °³Ã¼ÀÇ ¸ñ·Ï ½ºÅ¸ÀÏ(listStyle)¿¡ »ç¿ëµÇ´Â À̹ÌÁö ÁÖ¼Ò¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{list-style-position:val} obj.style.listStylePosition[=val]
¢¡ °³Ã¼ÀÇ ¸ñ·Ï ½ºÅ¸ÀÏ¿¡ »ç¿ëµÇ´Â Ç׸ñ Ç¥½ÃÀÚÀÇ À§Ä¡¸¦ °³Ã¼ÀÇ ³»¿ë¿¡ »ó´ëÀûÀÎ À§Ä¡·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{list-style-type:val} obj.style.listStyleType[=val]
¢¡ °³Ã¼ÀÇ ¸ñ·Ï ½ºÅ¸ÀÏ¿¡ »ç¿ëµÇ´Â Ç׸ñ Ç¥½ÃÀÚÀÇ Á¤ÇØÁø ÇüŸ¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{margin:val} obj.style.margin[=val]
¢¡ °³Ã¼ÀÇ À§ÂÊ, ¿À¸¥ÂÊ, ¾Æ·¡ÂÊ, ¿ÞÂÊ ¸¶Áø(ÁÖº¯ °³Ã¼¿ÍÀÇ °£°Ý)µéÀÇ µÎ²²¸¦ ÀÏ°ýÀûÀ¸·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{margin-bottom:val} obj.style.marginBottom[=val]
¢¡ °³Ã¼ÀÇ ¾Æ·¡ÂÊ ¸¶Áø µÎ²²À» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{margin-left:val} obj.style.marginLeft[=val]
¢¡ °³Ã¼ÀÇ ¿ÞÂÊ ¸¶Áø µÎ²²À» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{margin-right:val} obj.style.marginRight[=val]
¢¡ °³Ã¼ÀÇ ¿À¸¥ÂÊ ¸¶Áø µÎ²²À» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{margin-top:val} obj.style.marginTop[=val]
¢¡ °³Ã¼ÀÇ À§ÂÊ ¸¶Áø µÎ²²À» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{min-height:val} obj.style.minHeight[=val]
¢¡ IE6 °³Ã¼ÀÇ ÃÖ¼Ò ³ôÀ̸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{overflow:val} obj.style.overflow[=val]
¢¡ °³Ã¼ÀÇ ³»¿ëÀÌ ³ôÀ̳ª ³Êºñ¸¦ ÃÊ°úÇÏ¿´À» ¶§ ¾î¶»°Ô ó¸®ÇÒ °ÍÀΰ¡¸¦ ³ªÅ¸³»´Â °ªÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{overflow-x:val} obj.style.overflowX[=val]
¢¡ °³Ã¼ÀÇ ³»¿ëÀÌ ³Êºñ¸¦ ÃÊ°úÇÏ¿´À» ¶§ ±× ³»¿ëÀ» ¾î¶»°Ô ó¸®ÇÒ °ÍÀΰ¡¸¦ ³ªÅ¸´Ï´Â °ªÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{overflow-y:val} obj.style.overflowY[=val]
¢¡ °³Ã¼ÀÇ ³»¿ëÀÌ ³ôÀ̸¦ ÃÊ°úÇÏ¿´À» ¶§ ±× ³»¿ëÀ» ¾î¶»°Ô ó¸®ÇÒ °ÍÀΰ¡¸¦ ³ªÅ¸´Ï´Â °ªÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{padding:val} obj.style.padding[=val]
¢¡ °³Ã¼µé »çÀÌ, ±×µé¿¡ ¼Ò¼ÓµÈ ¸¶Áø, º¸´õ±îÁöÀÇ °£°ÝÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{padding-bottom:val} obj.style.paddingBottom[=val]
¢¡ °³Ã¼ÀÇ ¾Æ·¡ÂÊ º¸´õ¿Í ³»¿ë »çÀÌÀÇ °£°ÝÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{padding-left:val} obj.style.paddingLeft[=val]
¢¡ °³Ã¼ÀÇ ¿ÞÂÊ º¸´õ¿Í ³»¿ë »çÀÌÀÇ °£°ÝÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{padding-right:val} obj.style.paddingRight[=val]
¢¡ °³Ã¼ÀÇ ¿À¸¥ÂÊ º¸´õ¿Í ³»¿ë »çÀÌÀÇ °£°ÝÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{padding-top:val} obj.style.paddingTop[=val]
¢¡ °³Ã¼ÀÇ À§ÂÊ º¸´õ¿Í ³»¿ë »çÀÌÀÇ °£°ÝÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{page-break-after:val} obj.style.pageBreakAfter[=val]
¢¡ °³Ã¼ ´ÙÀ½¿¡ ÆäÀÌÁö ¹Ù²ÞÇÒ °ÍÀΰ¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{page-break-before:val} obj.style.pageBreakBefore[=val]
¢¡ °³Ã¼ ÀÌÀü¿¡ ÆäÀÌÁö ¹Ù²ÞÇÒ °ÍÀΰ¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¾ø½¿ obj.style.pixelBottom[=val]
¢¡ °³Ã¼ÀÇ ¾Æ·¡ÂÊ À§Ä¡¸¦ Çȼ¿´ÜÀ§·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¢¡ °³Ã¼ÀÇ ¾Æ·¡ÂÊ À§Ä¡¸¦ Çȼ¿´ÜÀ§·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¾ø½¿ obj.style.pixelHeight[=val]
¢¡ °³Ã¼ÀÇ ³ôÀ̸¦ Çȼ¿´ÜÀ§·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¾ø½¿ obj.style.pixelLeft[=val]
¢¡ °³Ã¼ÀÇ ¿ÞÂÊ À§Ä¡¸¦ Çȼ¿´ÜÀ§·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¾ø½¿ obj.style.pixelRight[=val]
¢¡ °³Ã¼ÀÇ ¿À¸¥ÂÊ À§Ä¡¸¦ Çȼ¿´ÜÀ§·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¾ø½¿ obj.style.pixelTop[=val]
¢¡ °³Ã¼ÀÇ À§ÂÊ À§Ä¡¸¦ Çȼ¿´ÜÀ§·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¾ø½¿ obj.style.pixelWidth[=val]
¢¡ °³Ã¼ÀÇ ³Êºñ¸¦ Çȼ¿´ÜÀ§·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¾ø½¿ obj.style.posBottom[=val]
¢¡ bottom ¾ÖÆ®¸®ºäÆ®·Î ÁöÁ¤µÈ ´ÜÀ§·Î °³Ã¼ÀÇ ¾Æ·¡ÂÊ À§Ä¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¾ø½¿ obj.style.posHeight[=val]
¢¡ height ¾ÖÆ®¸®ºäÆ®·Î ÁöÁ¤µÈ ´ÜÀ§·Î °³Ã¼ÀÇ ³ôÀ̸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{position:val} obj.style.position[=val]
¢¡ °³Ã¼ÀÇ À§Ä¡½ÃÅ´ ¹æ½ÄÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¾ø½¿ obj.style.posLeft[=val]
¢¡ left ¾ÖÆ®¸®ºäÆ®·Î ÁöÁ¤µÈ ´ÜÀ§·Î °³Ã¼ÀÇ ¿ÞÂÊ À§Ä¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¾ø½¿ obj.style.posRight[=val]
¢¡ right ¾ÖÆ®¸®ºäÆ®·Î ÁöÁ¤µÈ ´ÜÀ§·Î °³Ã¼ÀÇ ¿À¸¥ÂÊ À§Ä¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¾ø½¿ obj.style.posTop[=val]
¢¡ top ¾ÖÆ®¸®ºäÆ®·Î ÁöÁ¤µÈ ´ÜÀ§·Î °³Ã¼ÀÇ À§ÂÊ À§Ä¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¾ø½¿ obj.style.posWidth[=val]
¢¡ width ¾ÖÆ®¸®ºäÆ®·Î ÁöÁ¤µÈ ´ÜÀ§·Î °³Ã¼ÀÇ ³Êºñ¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{right:val} obj.style.right[=val]
¢¡ °³Ã¼ ü°èµµ»ó ¿À¸¥ÂÊ °³Ã¼¿ÍÀÇ °Å¸®¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{ruby-align:val} obj.style.rubyAlign[=val]
¢¡ rt °³Ã¼¿¡ ÁöÁ¤µÈ ·çºñ(ruby) ÅؽºÆ®ÀÇ À§Ä¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{ruby-overhang:val} obj.style.rubyOverhang[=val]
¢¡ rt °³Ã¼¿¡ ÁöÁ¤µÈ ·çºñ(ruby) ÅؽºÆ®ÀÇ À§Ä¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{ruby-position:val} obj.style.rubyPosition[=val]
¢¡ rt °³Ã¼¿¡ ÁöÁ¤µÈ ·çºñ(ruby) ÅؽºÆ®ÀÇ À§Ä¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{scrollbar-3dlight-color:val} obj.style.scrollbar3dLightColor[=val]
¢¡ ½ºÅ©·Ñ ¹Ú½º¿Í ½ºÅ©·Ñ¹Ù È­»ìÀÇ À§Âʸé°ú ¿ÞÂʸéÀÇ »ö»óÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{scrollbar-arrow-color:val} obj.style.scrollbarArrowColor[=val]
¢¡ ½ºÅ©·Ñ¹ÙÀÇ È­»ìÀÇ »ö»óÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{scrollbar-base-color:val} obj.style.scrollbarBaseColor[=val]
¢¡ ½ºÅ©·Ñ¹ÙÀÇ ±âº» »ö»ó(½ºÅ©·Ñ¹Ù, ½ºÅ©·Ñ ¹Ú½º, Æ®·¢, È­»ì)À» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{scrollbar-darkshadow-color:val} obj.style.scrollbarDarkShadowColor[=val]
¢¡ ½ºÅ©·Ñ¹ÙÀÇ »ö»óÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{scrollbar-face-color:val} obj.style.scrollbarFaceColor[=val]
¢¡ ½ºÅ©·Ñ ¹Ú½º¿Í ½ºÅ©·Ñ¹ÙÀÇ È­»ìÀÇ »ö»óÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{scrollbar-highlight-color:val} obj.style.scrollbarHighlightColor[=val]
¢¡ ½ºÅ©·Ñ ¹Ú½º¿Í ½ºÅ©·Ñ¹Ù È­»ìÀÇ À§Âʸé°ú ¿ÞÂʸéÀÇ »ö»óÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{scrollbar-shadow-color:val} obj.style.scrollbarShadowColor[=val]
¢¡ ½ºÅ©·Ñ ¹Ú½º¿Í ½ºÅ©·Ñ¹Ù È­»ìÀÇ ¾Æ·¡Âʸé°ú ¿À¸¥ÂʸéÀÇ »ö»óÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{scrollbar-track-color:val} obj.style.scrollbarTrackColor[=val]
¢¡ ½ºÅ©·Ñ¹Ù Æ®·¢(track) ¿¤·¹¸àÆ®ÀÇ »ö»óÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{float:val} obj.style.styleFloat[=val]
¢¡ °³Ã¼¿¡¼­ ¾î´À ¹æÇâÀ¸·Î ÅؽºÆ®°¡ È带 °ÍÀΰ¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{table-layout:val} obj.style.tableLayout[=val]
¢¡ Å×ÀÌºí ·¹À̾ƿôÀÌ °íÁ¤µÇ¾î Àִ°¡¸¦ ³ªÅ¸³»´Â ¹®ÀÚ¿­À» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{text-align:val} obj.style.textAlign[=val]
¢¡ °³Ã¼ ¼ÓÀÇ ¹®ÀÚ³ª °³Ã¼ÀÇ ¼öÆò Á¤·Ä ¹æ½Ä(left, right, center, justified)À» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{text-align-last:val} obj.style.textAlignLast[=val]
¢¡ °³Ã¼ ¼ÓÀÇ ¹®ÀÚ³ª °³Ã¼ ¸¶Áö¸· ÁÙÀÇ ¼öÆò Á¤·Ä ¹æ½ÄÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{text-autospace:val} obj.style.textAutospace[=val]
¢¡ Á¶Á¤µÈ ¹®ÀÚ¸¦ À§ÇÑ ÀÚµ¿ ¹®ÀÚ °£°Ý ¸ÂÃ߱⸦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{text-decoration:val} obj.style.textDecoration[=val]
¢¡ °³Ã¼ ¼ÓÀÇ ¹®ÀÚ Àå½Ä(±ô¹Ú°Å¸², Áß°£ÁÙ, À­ÁÙ, ¾Æ·§ÁÙ)À» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¾ø½¿ obj.style.textDecorationBlink[=val]
¢¡ °³Ã¼ÀÇ textDecoration ¼Ó¼º°ªÀÌ 'blink'·Î ¼³Á¤µÇ¾ú´Â°¡¸¦ ºÎ¿ï°ªÀ¸·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¾ø½¿ obj.style.textDecorationLineThrough[=val]
¢¡ °³Ã¼ÀÇ textDecoration ¼Ó¼º°ªÀÌ 'line-through'·Î ¼³Á¤µÇ¾ú´Â°¡¸¦ ºÎ¿ï°ªÀ¸·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¾ø½¿ obj.style.textDecorationNone[=val]
¢¡ °³Ã¼ÀÇ textDecoration ¼Ó¼º°ªÀÌ 'none'·Î ¼³Á¤µÇ¾ú´Â°¡¸¦ ºÎ¿ï°ªÀ¸·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¾ø½¿ obj.style.textDecorationOverline[=val]
¢¡ °³Ã¼ÀÇ textDecoration ¼Ó¼º°ªÀÌ 'overline'·Î ¼³Á¤µÇ¾ú´Â°¡¸¦ ºÎ¿ï°ªÀ¸·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¾ø½¿ obj.style.textDecorationUnderline[=val]
¢¡ °³Ã¼ÀÇ textDecoration ¼Ó¼º°ªÀÌ 'underline'·Î ¼³Á¤µÇ¾ú´Â°¡¸¦ ºÎ¿ï°ªÀ¸·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{text-indent:val} obj.style.textIndent[=val]
¢¡ °³Ã¼ ¼Ó¿¡¼­ ¹®ÀÚÀÇ Ã¹ ±ÛÀÚ¸¦ µé¾î¾²±â ÇÏ´Â Á¤µµ¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{textjustify:val} obj.style.textJustify[=val]
¢¡ °³Ã¼ ¼Ó¿¡¼­ ³»¿ëÀÇ Á¤·Ä¹æ½ÄÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{text-kashida-space:val} obj.style.textKashidaSpace[=val]
¢¡ °³Ã¼ ¼Ó¿¡¼­ ¹®ÀÚ Á¤·Ä ¹æ½ÄÀ» »ç¿ëÇÒ ¶§ °ø¹é Ç¥½Ã¿¡ kashida ºñÀ²À» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù. ¾Æ¶ø¾î¿¡¼­ »ç¿ëµÈ´Ù.
{text-overflow:val} obj.style.textOverflow[=val]
¢¡ IE6 °³Ã¼¿¡¼­ ¹®ÀÚÀÇ ³ÑóÈ帧À» Ç¥½ÃÇÏ´Â ¹æ½Ä°ªÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{text-transform:val} obj.style.textTransform[=val]
¢¡ °³Ã¼ ¼Ó¿¡¼­ ¹®ÀÚÀÇ º¯È¯ Ç¥Çö ¹æ½ÄÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{text-underline-position:val} obj.style.textUnderlinePosition[=val]
¢¡ °³Ã¼ÀÇ textDecoration ¼Ó¼ºÀÌ 'underline'·Î ¼³Á¤µÈ °æ¿ì ¹ØÁÙÀÇ À§Ä¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{top:val} obj.style.top[=val]
¢¡ °³Ã¼ ü°èµµ »ó ¹Ù·ÎÀ§ÀÇ °³Ã¼·ÎºÎÅÍÀÇ °Å¸®¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{unicode-bidi:val} obj.style.unicodeBidi[=val]
¢¡ ¾ç¹æÇâ ¾Ë°í¸®Áò¿¡ °üÇÑ ±ò¸° ¼öÁØÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{vertical-align:val} obj.style.verticalAlign[=val]
¢¡ °³Ã¼ÀÇ ¼öÁ÷ Á¤·Ä ¹æ½ÄÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{visibility:val} obj.style.visibility[=val]
¢¡ °³Ã¼ÀÇ ³»¿ëÀÌ µð½ºÇ÷¹ÀÌµÉ °ÍÀΰ¡¸¦¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{white-space:val} obj.style.whiteSpace[=val]
¢¡ °³Ã¼ ¼Ó¿¡¼­ ±æÀÌ°¡ ±ä ¹®ÀÚ¿­ÀÇ ÀÚµ¿ ÁٹٲÞÀ» ºóÄ­¿¡¼­ ÇÒ °ÍÀΰ¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{width:val} obj.style.width[=val]
¢¡ °³Ã¼ÀÇ ³Êºñ¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{word-break:val} obj.style.wordBreak[=val]
¢¡ ´Ü¾î ¼Ó¿¡¼­ ÀÚµ¿ ÁٹٲÞÀ» ÇÒ °ÍÀΰ¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù. ƯÈ÷ º¹¼ö ¾ð¾î¸¦ »ç¿ëÇÒ ¶§ Áß¿äÇÑ´Ù.
{word-spacing:val} obj.style.wordSpacing[=val]
¢¡ °³Ã¼ ¼Ó¿¡¼­ ´Ü¾î°£ÀÇ °£°ÝÀ» Áõ°¡½ÃÅ°´Â Á¤µµ¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{word-wrap:val} obj.style.wordWrap[=val]
¢¡ ³»¿ëÀÌ ¿ë±â °³Ã¼ÀÇ ¹üÀ§¸¦ ÃÊ°úÇÏ¸é ´Ü¾î¸¦ ÀÚ¸¦ °ÍÀΰ¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{writing-mode:val} obj.style.writingMode[=val]
¢¡ °³Ã¼¼Ó ³»¿ëÀÇ ¹æÇâÀ̳ª È帧À» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{z-index:val} obj.style.zIndex[=val]
¢¡ À§Ä¡°¡ Á¤ÇØÁ® ÀÖ´Â °³Ã¼ÀÇ ½ºÅÃÅ·(À§¿¡¼­ º¸ÀÌ´Â) ¼ø¼­¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
{zoom:val} obj.style.zoom[=val]
¢¡ °³Ã¼ÀÇ È®´ë ¹èÀ²À» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

ÇÊÅÍ ¼Ó¼º¼³¸í
Alpha °³Ã¼ ³»¿ëÀÇ ¸íµµ(opacity)¸¦ Á¶Á¤ÇÑ´Ù.
BlendTrans °³Ã¼ÀÇ ¿øº» ³»¿ëÀ» Á¡ÁøÀûÀ¸·Î º¯È­½ÃÄÑ »õ·Î¿î ³»¿ëÀ¸·Î Ç¥ÇöÇÑ´Ù.
Chroma °³Ã¼ÀÇ ³»¿ë Áß ÁöÁ¤ÇÑ »ö»óÀ» Åõ¸íÇÏ°Ô Ç¥ÇöÇÑ´Ù.
DropShadow °³Ã¼ÀÇ ³»¿ëÀ» À§·Î ¶ç¿ì´Â °Í ó·³µÇ°í ±×¸²ÀÚ°¡ ³ªÅ¸³ª´Â È¿°ú¸¦ »ý¼ºÇÏ¿© Ç¥ÇöÇÑ´Ù.
FlipH °³Ã¼ÀÇ ³»¿ëÀ» ¼öÆòÀ¸·Î µÚÁý¾î Ç¥ÇöÇÑ´Ù.
FlipV °³Ã¼ÀÇ ³»¿ëÀ» ¼öÁ÷À¸·Î µÚÁý¾î Ç¥ÇöÇÑ´Ù.
Glow °³Ã¼ÀÇ ³»¿ë ÁÖÀ§¿¡ ¿¡ ÁöÁ¤µÈ »ö»ó°ú °­µµ·Î ¹Ý°æÀ» È®ÀåÇÏ¿© Ç¥ÇöÇÑ´Ù.
Gray °³Ã¼ÀÇ ³»¿ëÀ» ȸ»ö ½ºÄÉÀÏ(grayscale)·Î Ç¥ÇöÇÑ´Ù.
Invert °³Ã¼ ³»¿ë »ö»óÀÇ Æ÷È­µµ, ¹à±âµîÀ» ¿ªÀü ½ÃŲ´Ù.
Light °³Ã¼ÀÇ ³»¿ë¿¡ ºûÀÌ ºñÄ¡´Â °Í°ú °°Àº È¿°ú¸¦ ÁØ´Ù.
MaskFilter °³Ã¼ÀÇ Åõ¸íÇÑ ³»¿ëÀ» »ö»óÀ» ³Ö¾î Ç¥½ÃÇÏ°í, Åõ¸íÇÏÁö ¾ÊÀº ºÎºÐÀº Åõ¸íÇÏ°Ô Ç¥ÇöÇÑ´Ù.
MotionBlur °³Ã¼ÀÇ ³»¿ëÀÌ ´Þ¸®´Â °Í °°Àº »óÅ·ΠǥÇöµÈ´Ù.
Redirect ÇöÀç·Î¼­´Â Áö¿øµÇÁö ¾Ê´Â ÇÊÅÍ ¼Ó¼ºÀÌ´Ù.
RevealTrans 24°³ÀÇ »çÀü¿¡ Á¤ÀÇµÈ ±â´É¿¡ ÀÇÇÏ¿© °³Ã¼ÀÇ ³»¿ëÀ» º¯È¯½ÃÄÑ »õ·Î¿î ³»¿ëÀ» Ç¥ÇöÇÑ´Ù.
Shadow °³Ã¼ÀÇ ³»¿ëÀ» ±×¸²ÀÚ Áø °Íó·³ º¯ÇüÇÏ¿© »õ·Î¿î ³»¿ëÀ¸·Î Ç¥ÇöÇÑ´Ù.
Wheel ¿øº» À̹ÌÁöÀÇ È¸Àü ¿òÁ÷ÀÓÀ¸·Î º¯È¯(transition)ÇÏ¿© °³Ã¼ÀÇ ³»¿ëÀ» »õ·ÎÀÌ Ç¥ÇöÇÑ´Ù.
Xray °³Ã¼ÀÇ ³»¿ëÀ» »ö»óÀ» º¯°æ½ÃÄÑ Èæ¹éÀ¸·Î µð½ºÇ÷¹ÀÌÇÏ´Â È¿°ú¸¦ ÁØ´Ù.

¸Þ¼­µå¼³¸í
getAttribute ÁöÁ¤µÈ ¾ÖÆ®¸®ºäÆ®ÀÇ °ªÀ» ¹ÝȯÇÑ´Ù.
getAttributeNode IE6 attribute.name¼Ó¼ºÀ» ÂüÁ¶ÇÏ´Â attribute °³Ã¼¸¦ ¹ÝȯÇÑ´Ù.
getExpression ÁÖ¾îÁø ¼Ó¼ºÀÇ Ç¥Çö(expression)À» ¹ÝȯÇÑ´Ù
normalize IE6 °³Ã¼ÀÇ ÀÎÁ¢ TextNode °³Ã¼¸¦ ÅëÇÕÇÏ¿© ¹®¼­ °³Ã¼ ¸ðµ¨À» Á¤»óÈ­ÇÑ´Ù.
removeAttribute °³Ã¼·Î ºÎÅÍ ¾ÖÆ®¸®ºäÆ®¸¦ Á¦°ÅÇÑ´Ù.
removeAttributeNode IE6 °³Ã¼·Î ºÎÅÍ ¾ÖÆ®¸®ºäÆ® °³Ã¼ ³ëµå¸¦ Á¦°ÅÇÑ´Ù.
removeExpression ÁöÁ¤ÇÑ ¼Ó¼ºÀ¸·ÎºÎÅÍ Ç¥Çö(expression)À» Á¦°ÅÇÑ´Ù.
setAttribute ÁöÁ¤µÈ ¾ÖÆ®¸®ºäÆ®¸¦ ¼³Á¤ÇÑ´Ù.
setAttributeNode IE6 °³Ã¼ÀÇ ºÎºÐÀ¸·Î ¾ÖÆ®¸®ºäÆ® °³Ã¼ ³ëµå¸¦ ¼³Á¤ÇÑ´Ù.
setExpression ÁöÁ¤µÈ °³Ã¼ÀÇ Ç¥Çö(expression)À» ¼³Á¤ÇÑ´Ù.

ÆäÀÌÁöÀÇ ÀζóÀÎ °³Ã¼ ¿¹Á¦

°á°ú Ç¥½Ãâ

½Ã°£ÀÌ ¾à°£ °É¸².

<SCRIPT>
function showStyles(){
  collObj=document.all;
  str='<TABLE width=100%><TR><TH>Object</TH><TH style=font-size:70%>cssText.length</TH><TH>cssText</TH></TR>';
  str+='<COL style=font-size:70%><COL style=font-size:70%;text-align:center><COL style=font-size:70%>';
  for (i=0;i< collObj.length; i++){
    oneObj=collObj(i);
    if (oneObj.style.cssText.length){
      str+='<TR>';
      str+='<TD><'+oneObj.nodeName;
      if (oneObj.id) str+=' id=<FONT color=brown>'+oneObj.id+'</FONT>';
      str+='> </TD><TD><FONT color=blue>'+oneObj.style.cssText.length+'</FONT></TD>';
      if (oneObj.style.cssText.length<80) str+='<TD>[<FONT color=green>'+oneObj.style.cssText+'</FONT>]</TD>';
      else {
        str+='<TD>[<FONT color=green>'+oneObj.style.cssText.substr(0,60)+'</FONT> ... ';
        str+=' <FONT color=silver>Ç¥½ÃÇϱ⠳ʹ« ±æ´Ù.]</FONT></TD>';
      }
      str+='</TR>';
    }
  }
  str+='</TABLE>';
  showA.innerHTML=str;
}
</SCRIPT>
<BUTTON onclick="showStyles()">¹®¼­ÀÇ ÀζóÀÎ ½ºÅ¸ÀÏ º¸±â</BUTTON>
<DIV id=showA>°á°ú Ç¥½Ãâ</DIV>