いまさらHTML,CSS入門講座｜テンプレート｜スクロールバーカラー例

いまさらHTML,CSS入門講座 > テンプレート > スクロールバーカラー例

Internet Explorer スクロールバーカラー例

html要素にスタイルシートでスクロールバーの色を指定します。※IE5.5以上のサポートです。
RGB値/カラーネーム一覧（新規ウィンドウが開きます）

スクロールバーの説明

例)

html{
scrollbar-Track-Color: #ffffff;
scrollbar-Face-Color: #ffffff;
scrollbar-Shadow-Color: #464646;
scrollbar-DarkShadow-Color: #ffffff;
scrollbar-Highlight-Color: #ffffff;
scrollbar-3dLight-Color: #ffffff;
scrollbar-Arrow-Color: #000000;
}

こちらにインラインフレームが使用されています。<a href="example_page/scrollbar_a1.htm" title="スクロールバーの色の変更表示例 1">内容ファイルはこちら</a>

例)

html{
scrollbar-Track-Color: #ffffff;
scrollbar-Face-Color: #ffffff;
scrollbar-Shadow-Color: #ffffff;
scrollbar-DarkShadow-Color: #ffffff;
scrollbar-Highlight-Color: #ffffff;
scrollbar-3dLight-Color: #464646;
scrollbar-Arrow-Color: #000000;
}

こちらにインラインフレームが使用されています。<a href="example_page/scrollbar_c.htm" title="スクロールバーの色の変更表示例 2">内容ファイルはこちら</a>

例)

html{
scrollbar-Track-Color: #ffffff;
scrollbar-Face-Color: #ffffff;
scrollbar-Shadow-Color: #00bfff;
scrollbar-DarkShadow-Color: #ffffff;
scrollbar-Highlight-Color: #ffffff;
scrollbar-3dLight-Color: #ffffff;
scrollbar-Arrow-Color: #00bfff;
}

こちらにインラインフレームが使用されています。<a href="example_page/scrollbar_b.htm" title="スクロールバーの色の変更表示例 3">内容ファイルはこちら</a>

例)

こちらにインラインフレームが使用されています。<a href="example_page/scrollbar_d.htm" title="スクロールバーの色の変更表示例 4">内容ファイルはこちら</a>

例)

こちらにインラインフレームが使用されています。<a href="example_page/scrollbar_e.htm" title="スクロールバーの色の変更表示例 5">内容ファイルはこちら</a>

例)

こちらにインラインフレームが使用されています。<a href="example_page/scrollbar_f.htm" title="スクロールバーの色の変更表示例 6">内容ファイルはこちら</a>

いまさらHTML,CSS入門講座 | テンプレート｜スクロールバーカラー例

Internet Explorer スクロールバーカラー例