°³Ã¼ ¼ÓÀÇ ÅؽºÆ®¿¡ »ç¿ëµÇ´Â ±Û²ÃÀÇ º¯È­¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

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

: (¼Ó¼º ¹®ÀÚ¿­)
½ºÅ¸ÀÏ ¼Ó¼ºÀº °³Ã¼ ¼ÓÀÇ ÅؽºÆ®¿¡ »ç¿ëµÇ´Â ±Û²ÃÀÇ º¯È­¸¦ ³ªÅ¸³»´Â ¹®ÀÚ¿­ÀÌ´Ù.

normal µðÆúÆ®À̸ç, º¸ÅëÀÇ ±Û²ÃÀÌ´Ù.
small-caps ÀÛÀº ´ë¹®ÀÚ ±ÛÀÚµéÀÌ´Ù.

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

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

Ư±â

IE4.0¿¡¼­ small-capsÀº ÀÛÀº ±ÛÀÚ(smaller)ÀÇ ´ë¹®ÀÚÀÌ´Ù.

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

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


these are lower case letters :
Á¤»ó ´ë¹®ÀÚ NOT SPACIFED & NORMAL :
Á¤»ó ¼Ò¹®ÀÚ not spacifed & normal :
¾Æ¿ì½º¸¦ ¿Ã·Áº¸¶ó. Mixed Upper & Lower Letters
<DIV style="font-variant:small-caps" id=div1Obj><SCRIPT>document.write(div1Obj.style.fontVariant)</SCRIPT></DIV>
<DIV style="font-variant:small-caps" id=div2Obj>these are lower case letters :
  <SCRIPT>document.write(div1Obj.style.fontVariant)</SCRIPT></DIV>
<DIV id=div3Obj>Á¤»ó ´ë¹®ÀÚ NOT SPACIFED & NORMAL :
  <SCRIPT>document.write(div3Obj.currentStyle.fontVariant)</SCRIPT></DIV>
<DIV id=div4Obj>Á¤»ó ¼Ò¹®ÀÚ not spacifed & normal : <SCRIPT>document.write(div4Obj.currentStyle.fontVariant)</SCRIPT></DIV>
<DIV style="border:solid 1 blue;background:ffa"
  onmouseover="this.style.fontVariant='small-caps';"
  onmouseout="this.style.fontVariant='';">¾Æ¿ì½º¸¦ ¿Ã·Áº¸¶ó. Mixed Upper & Lower Letters</DIV>