½ºÅ©·Ñ¹ÙÀÇ Æ®·¡Å· ¿¤·¹¸àÆ®ÀÇ »ö»óÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
ÀÌ °ªÀº »ö»óÇ¥ÀÇ »ö»ó¸íÀ̳ª RGB »ö»ó°ª ÁßÀÇ ÇϳªÀÌ´Ù.
ÀÌ ¼Ó¼ºÀº currentStyle¿¡¼´Â ÀбâÀü¿ëÀÌ°í, ±×¿ÜÀÇ °³Ã¼¿¡¼´Â Àбâ/¾²±âÀ̸ç, µðÆúÆ®°ªÀº ¾ø´Ù.
CSS(Cascading Style Sheets) ¾ÖÆ®¸®ºäÆ®´Â »ó¼ÓµÈ´Ù.
Æ®·¢(track)Àº ½ºÅ©·Ñ¹Ù ¹Ú½º¿¡¼ ¾Æ·¡/À§, ÁÂ/¿ì·Î À̵¿ÇÒ ¼ö ÀÖ´Â ºÎºÐÀÌ´Ù. ½ºÅ©·Ñ¹Ù ¹Ú½º´Â ½ºÅ©·Ñ¹Ù Àüü¸¦ °¨½Î´Â »ç°¢ÇüÀ¸·Î, ½ºÅ©¸°»ó¿¡¼ ÆäÀÌÁö ³»¿ëÀÇ º¸ÀÌ´Â À§Ä¡¸¦ À§·Î ȤÀº ¾Æ·¡·Î, ¶Ç´Â ¿ÞÂÊÀ¸·Î ȤÀº ¿À¸¥ÂÊÀ¸·Î À̵¿½Ãų ¼ö ÀÖ´Â È»ìÇ¥, Æ®·¢µîÀ» Æ÷ÇÔÇÏ°í ÀÖ´Ù.
ÀÌ ¼Ó¼ºÀº ½ºÅ©·Ñ¹Ù¸¦ µð½ºÇ÷¹ÀÌÇÏ´Â ºÎºÐ¿¡ Àû¿ëµÈ´Ù. ½ºÅ¸À̽¬Æ®´À ¸ðµç °³Ã¼¿¡¼ overflow ¼Ó¼ºÀ» ÅëÇÏ¿© ½ºÅ©·Ñ¹Ù¸¦ °¡´ÉÇÏ°Ô ÇÑ´Ù. ÀÌµé °³Ã¼´Â ¼Ó¼ºÀÇ Àû¿ë ¸ñ·Ï¿¡ ¸ñ·ÏÈ µÇÁö ¾Ê¾Ò´Ù.
°³Ã¼ | script | CSS | IE ¹öÀü |
---|
<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>