scrollbar Property


Home > Document > CSS > Font > scrollbar

scrollbar Property

scrollbar color¿¡ °üÇÑ ³»¿ëÀε¥ W3CÀÇ Property ¸ñ·Ï¿¡´Â ¾ø½À´Ï´Ù. ÇÑ ¸¶µð·Î Á·º¸¿¡ ¾ø´Â ³ÑÀÌÁÒ. ±×·³ ´ëü ¾îµð¼­ ³ª¿Â Property Àϱî¿ä. ¾Æ¸¶ ÁüÀÛ µé Çϼ̰ÚÁö¸¸ MS ¿¡¼­ ³ª¿Â Property ÀÔ´Ï´Ù. ¸Ó ²À Á·º¸¿¡ ÀÖ´Ù°í ÇØ¼­ ÁÁÀº °Íµµ ¾Æ´Ï°í ¹Ý´ë¶ó°í ÇØ¼­ ³ª»Û °Íµµ ¾Æ´ÏÁö¸¸ Ãʺ¸ÀÚ µéÀÌ °¡Àå ½Å±âÇØ Çϰí Àç¹Ô¾î ÇÏ´Â Property Áß¿¡ ÇϳªÁ®. ³²³à¸¦ ¸··ÐÇϰí ÀÌ ßä À̶ó´Â °ÍÀº Ç×»ó »ç¶÷µéÀÇ ´«±æÀ» ²ô³ª º¾´Ï´Ù. ÀÌ Property µéÀº scrollbar°¡ »ý±â´Â element(Div, Textarea..)¶ó¸é ´Ù Àû¿ëµÇ¸ç ÇÏÀ§ÀÇ scrollbar°¡ »ý±â´Â Element¿¡ »ó¼Ó(Inherit) µË´Ï´Ù.. ¿ì¼± ¸íĪ ºÎÅÍ ¾Ë¾Æ º¸µµ·Ï ÇϰڽÀ´Ï´Ù. ¿ø·¡ ±æÂßÇÏ°Ô »ý°åÁö¸¸ ±â³É ³Ò¶°~¾ï ÇÏ°Ô Ç¥ÇöÇßÀ¸´Ï±î ¾Ë¾Æ¼­ º¸½ÃÁ®...


  [Ç¥ º¸´Â ¹æ¹ý]
scrollbar Property
HTML Syntax { scrollbar-3dlight-color: vColor } v = value
{ scrollbar-highlight-color: vColor }
{ scrollbar-face-color: vColor }
{ scrollbar-shadow-color: vColor }
{ scrollbar-darkshadow-color: vColor }
{ scrollbar-track-color: vColor }
{ scrollbar-arrow-color: vColor }
{ scrollbar-base-color: vColor }
Scripting object.style.scrollbar3dLightColor [ = vColor ]
object.style.scrollbarHighlightColor [ = vColor ]
object.style.scrollbarFaceColor [ = vColor ]
object.style.scrollbarShadowColor [ = vColor ]
object.style.scrollbarDarkshadowColor [ = vColor ]
object.style.scrollbarTrackColor [ = vColor ]
object.style.scrollbarBaseColor [ = vColor ]


Scrollbar °¢ ºÎÀ§ º° ¸íĪ
¡ã
         
         
         
¡å


3dLight Highlight Face Shadow Darkshadow Track Arrow


scrollbar¸¦ ¸ðµç ¹®¼­ÀÇ body¿¡ ÁöÁ¤ÇÏ´Â ¹æ¹ý

³» »çÀÌÆ®¿¡ ÀÖ´Â ¸ðµç ¹®¼­¿¡ °°Àº color ÀÇ scrollbar¸¦ »ç¿ëÇÏ°í ½Í´Ù¸é .CSS ÆÄÀÏ·Î Link ½ÃŰ´Â ¹æ¹ýÀ» »ç¿ëÇÕ´Ï´Ù. ¿¹¸¦ µé¾î ³»°¡ »ç¿ëÇÏ´Â .CSS ÆÄÀÏÀÌ mysite.css¶ó¸é ¾Æ·¡¿Í °°ÀÌ Type selector¸¦ ÁöÁ¤ÇÏ¿© Coding ÇÕ´Ï´Ù.

mysite.css
.
.
.

body { 
scrollbar-3dlight-color: vColor 
scrollbar-highlight-color: vColor 
scrollbar-face-color: vColor
scrollbar-shadow-color: vColor 
scrollbar-darkshadow-color: vColor
scrollbar-track-color: vColor 
scrollbar-arrow-color: vColor
}

.
.
.

ÀÛ¾÷ÇÏ´Â ÆÄÀÏ
<HTML>
    <HEAD>
        <TITLE> .CSS ÆÄÀÏ Link·Î scrollbar color ÁöÁ¤Çϱâ</TITLE>
    <LINK rel="stylesheet" type="text/css" href="°æ·Î/mysite.css">
    </HEAD>
    <BODY>
    ......
    </BODY>
</HTML>



scrollbarBaseColor Property

scrollbar-base-color Property ´Â À§ÀÇ 7 °¡Áö Property¸¦ °¢°¢ ¼¼ºÎÀûÀ¸·Î ÁöÁ¤ÇÏÁö ¾Ê°í, scrollbar-face-color »ö»ó¸¸ ÁöÁ¤ÇÏ¸é ³ª¸ÓÁö ºÎºÐÀÌ Á¶È­°¡ µÇ´Â »ö»óÀ¸·Î ÀÚµ¿ ÁöÁ¤µÇ°Ô ÇÏ´Â Property ÀÔ´Ï´Ù. ´ÙÀ½Àº scrollbar-base-color ÀÇ ¸î °¡Áö¸¦ ´Ù·é DHTML ÀÔ´Ï´Ù. ÇØ´ç ¹öưÀ» Ŭ¸¯Çϸé scrollbar-base-color ¸¦ º¯°æ ÇÒ ¼ö ÀÖ½À´Ï´Ù.


Scrollbar-base-color sample
red darkslateblue orange limegreen darkolivegreen pink #666666





ÀÌ ¹®¼­ÀÇ ÀúÀÛ±ÇÀº www.cadvance.org ¿¡ ÀÖ½À´Ï´Ù.

Top
Back
New
°Ë»ö