°³Ã¼ÀÇ ÅؽºÆ® »ö»óÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

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

: (¼Ó¼º ¹®ÀÚ¿­)
½ºÅ¸ÀÏ ¼Ó¼ºÀº °³Ã¼ÀÇ ÅؽºÆ® »ö»óÀ» ³ªÅ¸³»´Â ¹®ÀÚ¿­ÀÌ´Ù.

ÀÌ °ªÀº »ö»óÇ¥ÀÇ »ö»ó¸íÀ̳ª RGB »ö»ó°ª ÁßÀÇ ÇϳªÀÌ´Ù.

ÀÌ ¼Ó¼ºÀº currentStyle¿¡¼­´Â ÀбâÀü¿ëÀÌ°í, ±×¿ÜÀÇ °³Ã¼¿¡¼­´Â Àбâ/¾²±âÀ̸ç, µðÆúÆ®°ªÀº ¾ø´Ù.

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

Ư±â

Àû»öÀ» Ç¥ÇöÇÏ´Â ¹æ½Äµé.

SPAN { color: red }  /* ¿µ¾î ÀÚ¿¬¾ð¾î / CNS */
SPAN { color: #FF0000 }  /* #RRGGBB */
SPAN { color: #F00 } /* #RGB */
SPAN { color: rgb 1.0 0.0 0.0 }  /* ºÎµ¿¼Ò¼öÁ¡ RGB: 0.0 - 1.0 */

ÀϺΠºê¶ó¿ìÀú¿¡¼­ »ö»óÀ̸§À» ÀνÄÇÏÁö ¸øÇÒ ¼ö ÀÖÁö¸¸, ¸ðµç ºê¶ó¿ìÀú´Â RGB »ö»óÀº ÀνÄÇÏ°í ¿Ã¹Ù¸£°Ô µð½ºÇ÷¹ÀÌÇÏ¿©¾ß ÇÑ´Ù.

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

ÀÌ ¼Ó¼ºÀº (¿µ¾î)DOM1(Document Object Model Level 1)°ú CSS1(Cascading Style Sheets, Level 1)¿¡¼­ Á¤ÀǵǾú´Ù.


DIV ÅؽºÆ®
°á°ú Ç¥½Ãâ
<STYLE>
.color1 { color:red }
.color2 { color: }
</STYLE>
<DIV onmouseover="showA.innerHTML='obj.className='+(this.className='color1')"
  onmouseout="showA.innerHTML='obj.className='+(this.className='color2')">DIV ÅؽºÆ®</DIV>
<DIV id=showA>°á°ú Ç¥½Ãâ</DIV>
DIV ÅؽºÆ® B
°á°ú Ç¥½Ãâ
<DIV onmouseover="showB.innerHTML='obj.style.color='+(this.style.color='red')"
  onmouseout="showB.innerHTML='obj.style.color='+(this.style.color='blue')">DIV ÅؽºÆ® B</DIV>
<DIV id=showB>°á°ú Ç¥½Ãâ</DIV>