スクロールバーの色を変える方法
CSSを使用した記述方法
記述方法
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <style type="text/css"> <!-- body { scrollbar-3dlight-color : #ffcccc; scrollbar-arrow-color : #ff0000; scrollbar-darkshadow-color : #ff0000; scrollbar-track-color : #cccccc; scrollbar-face-color : #ffcccc; scrollbar-highlight-color : #ffcccc; scrollbar-shadow-color : #ffcccc; } --> </style> </head> <body> </body> </html>
解説
【scrollbar-3dlight-color】 | スクロールバーの縁取りの左端と上端の色を指定します |
---|---|
【scrollbar-arrow-color】 | スクロールバーの矢印の色を指定します |
【scrollbar-darkshadow-color】 | スクロールバーの右端と下端の色を指定します |
【scrollbar-track-color】 | スクロールバーの背面色を指定します |
【scrollbar-face-color】 | スクロールバーの表面色を指定 |
【scrollbar-highlight-color】 | スクロールバーのハイライト色を指定します |
【scrollbar-shadow-color】 | スクロールバーの影の色を指定します |
をそれぞれボディに対して指定します。
実際に目で見て確認したい方はこちらを参照ください。