TOP /スタイルシート スクロールバー

スクロールバーの色を指定

<style type=text/css><!--
BODY{
  scrollbar-face-color: #ffff00;
  scrollbar-highlight-color: #0000ff;
  scrollbar-shadow-color: #0000ff;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-arrow-color: #0000ff;
  scrollbar-track-color: #ffff99;
  scrollbar-darkshadow-color: #ffffff;
}
--></style>

scrollbar-face-color: #ffff00
スライド部分の色を指定
指定位置を赤色で確認します

scrollbar-highlight-color: #0000ff
スライド部分の左と上の部分の色を指定
指定位置を赤色で確認します

scrollbar-shadow-color: #0000ff
スライド部分の右と下の部分の色を指定
指定位置を赤色で確認します

scrollbar-3dlight-color: #ffffff
highlight-colorの外の色を指定
指定位置を赤色で確認します

scrollbar-arrow-color: #0000ff
上下の小さい三角の色を指定
指定位置を赤色で確認します

scrollbar-track-color: #ffff99
スライドレール部分の色を指定
指定位置を赤色で確認します

scrollbar-darkshadow-color: #ffffff
shadow-colorの外の色を指定
指定位置を赤色で確認します


ベース色だけで指定
<style type=text/css><!--
BODY{
  scrollbar-base-color: #ff00ff;
}
--></style>

スクロールバーを表示しない場合(スクロールできません)

<style type=text/css><!--
BODY{
  overflow:hidden;
}
--></style>


















終わり