★スタイルシートリファレンス

scrollbar-3dlight-color・・・スクロールバーの左端と上端の色を指定する(IE独自の仕様)
Internet Explorer5.5Internet Explorer6Internet Explorer7Internet Explorer8Internet Explorer9 Opera7Opera8Opera9Opera10

scrollbar-3dlight-colorプロパティは、Internet Explorerが独自に追加したプロパティで、 スクロールバーの縁取りの左端と上端の色を指定します。

スクロールバーの色指定は、 IE5.5では<BODY>タグへの指定で有効となりますが、 IE6以降では<!DOCTYPE>宣言でブラウザの表示モードが「標準モード」となった場合、 <BODY>タグのみへの指定では無効となることがあります。 IE5.5とIE6以降の両方でスクロールバーの色指定を有効にするには、 <HTML><BODY>の両方に指定します。

また、Operaでは、ブラウザの表示モードが「互換モード」のときに <BODY>に指定すると有効となります。

尚、Netscape Navigator等のスクロールバーの色指定に対応していないブラウザでは無視されるので注意してください。

スクロールバーの色指定の比較(別ウィンドウで開く)

■使用例

スタイルシート部分は外部ファイル(sample.css)に記述。

html,body {
scrollbar-3dlight-color: #ff0000;
}

HTMLソース

<html>
<head>
<link rel="stylesheet" href="sample.css" type="text/css">
</head>
<body>


</body>
</html>

■関連項目

scrollbar-base-color …… スクロールバーのベース色を指定する(IE独自)
scrollbar-face-color …… スクロールバーの表面の色を指定する(IE独自)
scrollbar-track-color …… スクロールバーの下地の色を指定する(IE独自)
scrollbar-arrow-color …… スクロールバーの矢印の色を指定する(IE独自)
scrollbar-highlight-color・・スクロールバーのハイライトの色を指定する(IE独自)
scrollbar-shadow-color・・・スクロールバーの影の色を指定する(IE独自)
scrollbar-3dlight-color・・・スクロールバーの左端と上端の色を指定する(IE独自)
scrollbar-darkshadow-color・・スクロールバーの右端と下端の色を指定する(IE独自)
© HTMQ