°³Ã¼°¡ ·¹ÀÌÀÌ¿ôÀ» °®´Â°¡¸¦ ³ªÅ¸³»´Â ºÎ¿ï°ªÀ» ¹ÝȯÇÑ´Ù.

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

: (¼Ó¼º ¹®ÀÚ¿­)
½ºÅ¸ÀÏ ¼Ó¼ºÀº °³Ã¼°¡ ·¹À̾ƿôÀ» °®´Â°¡¸¦ ³ªÅ¸³»´Â ºÎ¿ï°ªÀÌ´Ù.

false µðÆúÆ®À̸ç, °³Ã¼°¡ ·¹À̾ƿôÀ» °®Áö ¾Ê´Â´Ù.
true °³Ã¼°¡ ·¹À̾ƿôÀ» °®´Â´Ù.

ÀÌ ¼Ó¼ºÀº ÀбâÀü¿ëÀ̸ç, µðÆúÆ®°ªÀº falseÀÌ´Ù.

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

Ư±â

½ºÅ¸ÀϽ¬Æ®(CSS : Cascading Style Sheets) ¼Ó¼º¿¡¼­, °ªÀÌ ¼³Á¤µÇ¸é ¿¤·¹¸àÆ®°¡ ·¹À̾ƿôÀ» °®°ÔµÈ´Ù.

CSS ¼Ó¼º °ª
display inline-block
height ¾î¶² °ª
float left ȤÀº right
position absolute
width ¾î¶² °ª
writing-mode tb-rl
zoom ¾î¶² °ª

IE6¿¡¼­ ¹®¼­Å¸ÀÔ(!DOCTYPE) Á¤ÀÇ°¡ ¾ö°Ý DTD¸¦ ÁöÁ¤ÇÒ ¶§, ÀζóÀÎ ¿¤·¹¸àÆ®´Â width¿Í height ¼Ó¼ºÀ» ¹«½ÃµÇ°í, ÀÌµé ¼Ó¼ºÀº ¿¤·¹¸àÆ®ÀÇ ·¹À̾ƿô¿¡ Âü¿©ÇÏÁö ¾Ê´Â´Ù.

contentEditable ¼Ó¼ºÀÌ true·Î ¼³Á¤µÇ¸é ¿¤·¹¸àÆ®°¡ ·¹À̾ƿôÀ» °®°ÔµÈ´Ù.

BODY, IMG, INPUT, TABLE°ú TD ¿¤·¹¸àÆ®´Â Ç×»ó ·¹À̾ƿô¸¦ °®´Â´Ù.

Àû¿ë
°³Ã¼scriptCSS IE ¹öÀü

DIV ¿¤·¹¸àÆ®¿¡ ³Êºñ°¡ 100% µÇµµ·Ï ¼³Á¤ÇÏ¿´´Ù.
DIV ¿¤·¹¸àÆ®´Â À§Ä¡, ³Êºñ, ³ôÀÌ ¾Æ¹« °Íµµ ÁöÁ¤µÇÁö ¾Ê¾Ò´Ù.

hasLayout ¼Ó¼ºÀ¸·Î ·¹À̾ƿôÀ» °®´Â°¡¸¦ ÆÇÁ¤ÇÑ´Ù.

<DIV id="div1Obj" style="width:100%">DIV ¿¤·¹¸àÆ®¿¡ ³Êºñ°¡ 100%  µÇµµ·Ï ¼³Á¤ÇÏ¿´´Ù.</DIV>
<DIV id="div2Obj">DIV ¿¤·¹¸àÆ®´Â À§Ä¡, ³Êºñ, ³ôÀÌ ¾Æ¹« °Íµµ ÁöÁ¤µÇÁö ¾Ê¾Ò´Ù.</DIV>
<DIV style="border:solid 1 blue;padding:5;background:ffa">
<SCRIPT>
str='div1Obj.currentStyle.hasLayout='+div1Obj.currentStyle.hasLayout+'<BR>';
str+='div2Obj.currentStyle.hasLayout='+div2Obj.currentStyle.hasLayout+'<BR>';
document.write(str);
</SCRIPT>