03.HTML 4.X, HTML5, XML.../HTML/Css/Script2008. 7. 7. 18:01

스크롤바 색상변경

반응형
구현 환경 : IE5.5 이상

Sample Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>스크롤바의 색상 변경</TITLE>
<style type="text/css">
BODY
{
scrollbar-face-color: #FFFF99;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;     
scrollbar-track-color: #FFFFFF;
}
</style> </HEAD>

<BODY>
<h1>스크롤바의 색상변경</h1>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
</BODY>
</HTML>


주요 속성 :
- scrollbar-face-color     : 스크롤바의 바탕색 부분
- scrollbar-shadow-color   : 스크롤바의 선 중 음영 부분
- scrollbar-highlight-colo : 스크롤바의 선 중 하이라이트 부분
- scrollbar-arrow-color    : 스크롤바 화살표 부분

데모 :

- http://www.ihelpers.co.kr/programming/work/scrollbar.html
Posted by 1010

티스토리툴바