°³¼¼ ¼ÓÀÇ ´Ü¾îµé »çÀÌÀÇ Ãß°¡ÀûÀÎ °£°ÝÀÇ Å©±â¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

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

: (¼Ó¼º ¹®ÀÚ¿­)
½ºÅ¸ÀÏ ¼Ó¼ºÀº °³¼¼ ¼ÓÀÇ ´Ü¾îµé »çÀÌÀÇ Ãß°¡ÀûÀÎ °£°ÝÀÇ Å©±â¸¦ ³ªÅ¸³»´Â ¹®ÀÚ¿­ÀÌ´Ù.

normal µðÆúÆ®À̸ç, µðÆúÆ® °£°ÝÀÌ´Ù.
(±æÀÌ) ºÎµ¿¼Ò¼öÁ¡¼öÄ¡ ´ÙÀ½¿¡ cm, mm, in, pt, pc³ª px µî ±æÀÌ ´ÜÀ§°¡ µû¸£´Â Àý´ë ±æÀÌ, ȤÀº em or ex µîÀÇ ´ÜÀ§°¡ µû¸£´Â »ó´ë ±æÀÌÀÌ´Ù. CSS ±æÀÌ´ÜÀ§¸¦ ÂüÁ¶Ç϶ó.

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

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

Ư±â

IE6¿¡¼­ ÀÌ ¼Ó¼ºÀº currentStyle ¿¤·¹¸àÆ®¿¡µµ Àû¿ëµÈ´Ù.

wordSpacing ¼Ó¼ºÀº Macintosh¿¡¼­ IE4.01ºÎÅÍ, ´Ù¸¥ Ç÷¡Æ®Æû¿¡¼­´Â IE6¿¡¼­ ºÎÅÍ »ç¿ëÀÌ °¡´ÉÇÏ´Ù.

ÀÌ ¼Ó¼ºÀº °¢ ´Ü¾î »çÀÌ¿¡ ÁöÁ¤ÇÑ °£°ÝÀ» Ãß°¡Çϴµ¥, ÀÚ¸®¸¶Ãã(justification)Àº ´Ü¾î °£°Ý¿¡ ¿µÇâÀ» ¹ÌÄ¥ ¼ö ÀÖ´Ù.

(±æÀÌ) °ªÀº Ãß°¡ÀûÀÎ ´Ü¾î °£°ÝÀ» ³ªÅ¸³»¸ç, °£°ÝÀÌ Á¼¾ÆÁö´Â À½¼öµµ Çã¿ëµÈ´Ù.

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

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


divObj.style.wordSpacing :
°ªÀº Ãß°¡ÀûÀÎ ´Ü¾î °£°ÝÀ» ³ªÅ¸³»¸ç, °£°ÝÀÌ Á¼¾ÆÁö´Â À½¼öµµ Çã¿ëµÈ´Ù.
<SCRIPT>
function doChange(){
  divObj.style.wordSpacing=selObj.options[selObj.selectedIndex].text;
}
</SCRIPT>
divObj.style.wordSpacing : <SELECT id="selObj" onchange="doChange()">
 <OPTION>-20
 <OPTION>-10
 <OPTION selected>0
 <OPTION>10
 <OPTION>15
 <OPTION>20
</SELECT>
<DIV id="divObj" style="word-spacing:10;border:solid 1 blue;padding:5">
°ªÀº Ãß°¡ÀûÀÎ ´Ü¾î °£°ÝÀ» ³ªÅ¸³»¸ç, °£°ÝÀÌ Á¼¾ÆÁö´Â À½¼öµµ Çã¿ëµÈ´Ù.</DIV>