°³Ã¼ÀÇ ¾Æ·¡ÂÊ ¸¶ÁøÀÇ ³ôÀ̸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

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

: (¼Ó¼º ¹®ÀÚ¿­)
½ºÅ¸ÀÏ ¼Ó¼ºÀº °³Ã¼ÀÇ ¾Æ·¡ÂÊ ¸¶ÁøÀÇ ³ôÀ̸¦ ³ªÅ¸³»´Â ¹®ÀÚ¿­ÀÌ´Ù.

auto µðÆúÆ®À̸ç, ¾Æ·¡ÂÊ ¸¶ÁøÀÌ À§ÂÊ ¸¶Áø°ú °°°Ô ¼³Á¤µÈ´Ù.
(³ôÀÌ) ºÎµ¿¼Ò¼öÁ¡¼öÄ¡ ´ÙÀ½¿¡ cm, mm, in, pt, pc³ª px µî ±æÀÌ ´ÜÀ§°¡ µû¸£´Â Àý´ë ±æÀÌ, ȤÀº em or ex µîÀÇ ´ÜÀ§°¡ µû¸£´Â »ó´ë ±æÀÌÀÌ´Ù. CSS ±æÀÌ´ÜÀ§¸¦ ÂüÁ¶Ç϶ó.
(¹éºÐÀ²) Á¤¼ö°ª¿¡ ¹éºÐÀ² ±âÈ£(%)¸¦ ºÙÀÎ °ÍÀÌ´Ù. ÀÌ °ªÀº ¸ðüÀÇ ³ôÀÌ¿¡ ´ëÇÑ »ó´ëÀûÀÎ ¹éºÐÀ²°ªÀÌ´Ùt.

ÀÌ ¼Ó¼ºÀº 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 ¼Ó¼ºÀÇ ¼³Á¤µÈ °ª¿¡ ÀÇÇÏ¿© ¿¤·¹¸àÆ®ÀÇ ¹èÄ¡°¡ °áÁ¤µÈ´Ù.

ÀζóÀÎ ¿¤·¹¸àÆ®¿¡¼­ top°ú bottom °ªÀº ÁÖÀ§ ÀζóÀÎ ¿¤·¹¸àÆ®ÀÇ Å׵θ®(border) Áö¿ªÀ» °è»ê¿¡ »ç¿ëµÈ´Ù. ÀÌ °ªÀº ¶óÀÎÀÇ ³ôÀÌ¿¡ Âü¿©ÇÏÁö ¾Ê´Â´Ù.

ÀζóÀÎ °³Ã¼ÀÇ À§ÂÊ°ú ¾Æ·¡ÂÊ ¸¶ÁøÀ» Á¦¿ÜÇÏ°í´Â À½¼ö ¸¶ÁøÀÌ Áö¿øµÈ´Ù.

Àû¿ë
°³Ã¼scriptCSS IE ¹öÀü
ÂüÁ¶
CSS ±æÀÌ´ÜÀ§ margin marginTop marginBottom marginLeft marginRight

ÀÌ ¼Ó¼ºÀº CSS1(Cascading Style Sheets, Level 1)¿¡¼­ Á¤ÀǵǾú´Ù.


imgObj.style.marginBottom=°á°ú Ç¥½Ãâ

³ë¶õ»ö ºÎºÐÀÌ margin-bottom Áö¿ªÀÌ´Ù. À̹ÌÁö À§¿¡ ¸¶¿ì½º¸¦ ¿Ã·Áº¸¶ó.

<DIV style="border:solid 1 blue;background-color:ffa;width:1;height:100">
<IMG id="imgObj" src="../../gif/flower.jpg" width="300" style="margin-bottom:10"
  onmouseover="this.style.marginBottom='30';showA.innerHTML=imgObj.style.marginBottom"
  onmouseout="this.style.marginBottom='10';showA.innerHTML=imgObj.style.marginBottom">
</DIV>
<DIV>imgObj.style.marginBottom=<SPAN id=showA style="color:blue">°á°ú Ç¥½Ãâ</SPAN></DIV>