½ºÅ©·Ñ¹ÙÀÇ Æ®·¡Å· ¿¤·¹¸àÆ®ÀÇ »ö»óÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

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

: (¼Ó¼º ¹®ÀÚ¿­)
½ºÅ¸ÀÏ ¼Ó¼ºÀº ½ºÅ©·Ñ¹ÙÀÇ Æ®·¡Å· ¿¤·¹¸àÆ®ÀÇ »ö»óÀ» ³ªÅ¸³»´Â ¹®ÀÚ¿­ÀÌ´Ù.

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

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

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

Ư±â

Æ®·¢(track)Àº ½ºÅ©·Ñ¹Ù ¹Ú½º¿¡¼­ ¾Æ·¡/À§, ÁÂ/¿ì·Î À̵¿ÇÒ ¼ö ÀÖ´Â ºÎºÐÀÌ´Ù. ½ºÅ©·Ñ¹Ù ¹Ú½º´Â ½ºÅ©·Ñ¹Ù Àüü¸¦ °¨½Î´Â »ç°¢ÇüÀ¸·Î, ½ºÅ©¸°»ó¿¡¼­ ÆäÀÌÁö ³»¿ëÀÇ º¸ÀÌ´Â À§Ä¡¸¦ À§·Î ȤÀº ¾Æ·¡·Î, ¶Ç´Â ¿ÞÂÊÀ¸·Î ȤÀº ¿À¸¥ÂÊÀ¸·Î À̵¿½Ãų ¼ö ÀÖ´Â È­»ìÇ¥, Æ®·¢µîÀ» Æ÷ÇÔÇÏ°í ÀÖ´Ù.

ÀÌ ¼Ó¼ºÀº ½ºÅ©·Ñ¹Ù¸¦ µð½ºÇ÷¹ÀÌÇÏ´Â ºÎºÐ¿¡ Àû¿ëµÈ´Ù. ½ºÅ¸À̽¬Æ®´À ¸ðµç °³Ã¼¿¡¼­ overflow ¼Ó¼ºÀ» ÅëÇÏ¿© ½ºÅ©·Ñ¹Ù¸¦ °¡´ÉÇÏ°Ô ÇÑ´Ù. ÀÌµé °³Ã¼´Â ¼Ó¼ºÀÇ Àû¿ë ¸ñ·Ï¿¡ ¸ñ·ÏÈ­ µÇÁö ¾Ê¾Ò´Ù.

Àû¿ë
°³Ã¼scriptCSS IE ¹öÀü
ÂüÁ¶
scrollbar3dLightColor scrollbarArrowColor scrollbarBaseColor scrollbarDarkShadowColor scrollbarFaceColor scrollbarHighlightColor scrollbarShadowColor scrollbarTrackColor


°á°ú Ç¥½Ãâ
<SCRIPT>
function showAll(){
  showA.innerHTML='taObj.style.scrollbarTrackColor='+taObj.currentStyle.scrollbarTrackColor+'<BR>';
}
</SCRIPT>
<CENTER>
<TEXTAREA id="taObj" cols="10" rows="8" style="width:100;overflow:scroll;scrollbar-track-color=red">
½ºÅ©·Ñ¹ÙÀÇ ¿¤·¹¸àÆ®ÀÇ »ö»óÀ» ³ªÅ¸³»´Â ¹®ÀÚ¿­ÀÌ´Ù.
½ºÅ©·Ñ¹ÙÀÇ ¿¤·¹¸àÆ®ÀÇ »ö»óÀ» ³ªÅ¸³»´Â ¹®ÀÚ¿­ÀÌ´Ù.
½ºÅ©·Ñ¹ÙÀÇ ¿¤·¹¸àÆ®ÀÇ »ö»óÀ» ³ªÅ¸³»´Â ¹®ÀÚ¿­ÀÌ´Ù.
</TEXTAREA><BR>
<BUTTON onclick="taObj.style.scrollbarTrackColor='red';showAll()" style="width:60">º¸±â</BUTTON>
<BUTTON onclick="taObj.style.scrollbarTrackColor='white';showAll()" style="width:60">Áö¿ì±â</BUTTON>
<DIV id="showA">°á°ú Ç¥½Ãâ</DIV>
</CENTER>