°³Ã¼ÀÇ ¿À¸¥ÂÊ ¸¶ÁøÀÇ ³Êºñ¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
auto | µðÆúÆ®À̸ç, ¿À¸¥ÂÊÀÌ ¿ÞÂÊ ¸¶Áø ¸¶Áø°ú °°°Ô ¼³Á¤µÈ´Ù. |
(³Êºñ) | ºÎµ¿¼Ò¼öÁ¡¼öÄ¡ ´ÙÀ½¿¡ cm, mm, in, pt, pc³ª px µî ±æÀÌ ´ÜÀ§°¡ µû¸£´Â Àý´ë ±æÀÌ, ȤÀº em or ex µîÀÇ ´ÜÀ§°¡ µû¸£´Â »ó´ë ±æÀÌÀÌ´Ù. CSS ±æÀÌ´ÜÀ§¸¦ ÂüÁ¶Ç϶ó. |
(¹éºÐÀ²) | Á¤¼ö°ª¿¡ ¹éºÐÀ² ±âÈ£(%)¸¦ ºÙÀÎ °ÍÀÌ´Ù. ÀÌ °ªÀº ¸ðü ³Êºñ¿¡ ´ëÇÑ ¹éºÐÀ²ÀÌ´Ù. |
ÀÌ ¼Ó¼ºÀº currentStyle¿¡¼´Â ÀбâÀü¿ëÀÌ°í, ±×¿ÜÀÇ °³Ã¼¿¡¼´Â Àбâ/¾²±âÀ̸ç, µðÆúÆ®°ªÀº autoÀÌ´Ù.
CSS(Cascading Style Sheets) ¾ÖÆ®¸®ºäÆ®´Â »ó¼ÓµÇÁö ¾Ê´Â´Ù.
IE4.0¿¡¼, ±Û²ÃÀÇ ³ôÀÌ¿¡ »ó´ëÀûÀÎ ±æÀÌ°ª em, ȤÀº 'x' ±ÛÀÚ ³ôÀÌ¿¡ »ó´ëÀûÀÎ ±æÀÌ°ª exÀ» ÁöÁ¤ÇÒ ¼ö ÀÖ´Ù.
IE3.0¿¡¼, ÁöÁ¤µÈ ¸¶Áø°«ÀÌ °³Ã¼ÀÇ µðÆúÆ®°ª¿¡ ´õÇØÁ³¾ú´Ù. IE4.0 ÀÌÈÄ ¸¶Áø°ªÀº Àý´ë°ªÀÌ´Ù. IE4.0¿¡¼ ¸¶Áø ¼Ó¼ºÀº td¿Í tr °³Ã¼¿¡¼´Â ÀÛ¿ëÇÏÁö ¾ÊÁö¸¸ IE3.0¿¡¼´Â ÀÛµ¿Çß¾ú´Ù. IE4.0 ÀÌÈÄ¿¡¼ °³Ã¼¿¡ Àû¿ëÇÏ·Á¸é td °³Ã¼ ¼Ó¿¡¼ divÀ̳ª pµî °³Ã¼¿¡ marginÀ» Àû¿ëÇÏ¸é µÈ´Ù.
IE5.5¿¡¼´Â, ÀÌ ¼Ó¼ºÀÌ ÀζóÀÎ ¿¤·¹¸àÆ®¿¡µµ Àû¿ëµÈ´Ù. ÀÌÀü ¹öÀü¿¡¼´Â ÀζóÀÎ ¿¤·¹¸àÆ®´Â position ¼Ó¼º°ªÀÌ absoluteÀ̰ųª ÀÌ ¼Ó¼ºÀ» ÀÌ¿ëÇÏ¿© ¹èÄ¡µÇ¾î¾ß ÇÑ´Ù. height³ª width ¼Ó¼ºÀÇ ¼³Á¤µÈ °ª¿¡ ÀÇÇÏ¿© ¿¤·¹¸àÆ®ÀÇ ¹èÄ¡°¡ °áÁ¤µÈ´Ù.
ÀζóÀÎ °³Ã¼ÀÇ À§ÂÊ°ú ¾Æ·¡ÂÊ ¸¶ÁøÀ» Á¦¿ÜÇÏ°í´Â À½¼ö ¸¶ÁøÀÌ Áö¿øµÈ´Ù.
°³Ã¼ | script | CSS | IE ¹öÀü |
---|
ÀÌ ¼Ó¼ºÀº CSS1(Cascading Style Sheets, Level 1)¿¡¼ Á¤ÀǵǾú´Ù.
³ë¶õ»ö ºÎºÐÀÌ margin-Right Áö¿ªÀÌ´Ù. À̹ÌÁö À§¿¡ ¸¶¿ì½º¸¦ ¿Ã·Áº¸¶ó.
<DIV style="border:solid 1 blue;background-color:ffa;width:1;height:100"> <IMG id="imgObj" src="../../gif/flower.jpg" width="300" style="margin-Right:10" onmouseover="this.style.marginRight='30';showA.innerHTML=imgObj.style.marginRight" onmouseout="this.style.marginRight='10';showA.innerHTML=imgObj.style.marginRight"> </DIV> <DIV>imgObj.style.marginRight=<SPAN id=showA style="color:blue">°á°ú Ç¥½Ãâ</SPAN></DIV>