2003年07月26日
カテゴリ： 未整理
今回は小窓のスクロールバーの色の変更です
ブラウザ全体のスクロールバーの変更は こちら ．
今回のスタイルシートは InternetExplorer でないとスクロールの色を変えても見る事はできません．
自分は見えても見えない人がいるということを理解しておきましょう．
《スタイルシートの記述》
<要素名 style=" プロパティ : 値 " >内容</要素名>
という感じになり要素名とは前に紹介したＨＴＭＬタグをご覧ください．
そしてここで紹介するのは プロパティ 値
複数のスタイルを設定する場合は，「;」セミコロンで区切ります．
<要素名 style=" プロパティ : 値 ; プロパティ : 値 ;.....; プロパティ : 値 " >内容</要素名>
『ブロックレベル要素』
これは CENTER，DL，HR，OL，P，PRE，TABLE，UL のように内容をひとまとまりとして処理する要素名のことを言います．
ちなみにこれらを実行した後は改行されます．
『インラインレベル要素』
これは A，B，BR，FONT，I，IMG，S，U のように文字と同等に扱われて処理できる要素名のことを言います．
ちなみにこれらを実行した後は改行されません．
『翔泳社 スタイルシート辞典 第三版』をお持ちの方は項目横のページ数をご覧ください．
▼ スクロールバーの色を変更したい P.320-322
プロパティ：
下記の赤い文字を設定 ※文字にマウスをあてるとスクロールの設定箇所が赤くなります．
ココの小窓のスクロールバーの色が変わります．
scrollbar-base-color ・・・ ベースの色
scrollbar-face-color ・・・ スクロールバーの表面の色
scrollbar-arrow-color ・・・ 矢印の色
scrollbar-highlight-color ・・・ ハイライト部分の色
scrollbar-3dlight-color ・・・ ボタンのハイライト部分の色
scrollbar-shadow-color ・・・ シャドー部分の色
scrollbar-darkshadow-color ・・・ ボタンのシャドー部分の色
キーワード： 色を指定します．
例：
小窓のスクロールバーの色を設定．
ベースを青
矢印を白
に設定しています
<CENTER style="overflow:scroll;width:100px;height:100px;scrollbar-base-color:blue;scrollbar-arrow-color:white">
小窓のスクロールバーの色を設定．
ベースを青
矢印を白
に設定しています
</CENTER>
ブラウザ全体のスクロールバーの変更は こちら ．
今回のスタイルシートは InternetExplorer でないとスクロールの色を変えても見る事はできません．
自分は見えても見えない人がいるということを理解しておきましょう．
《スタイルシートの記述》
<要素名 style=" プロパティ : 値 " >内容</要素名>
という感じになり要素名とは前に紹介したＨＴＭＬタグをご覧ください．
そしてここで紹介するのは プロパティ 値
複数のスタイルを設定する場合は，「;」セミコロンで区切ります．
<要素名 style=" プロパティ : 値 ; プロパティ : 値 ;.....; プロパティ : 値 " >内容</要素名>
『ブロックレベル要素』
これは CENTER，DL，HR，OL，P，PRE，TABLE，UL のように内容をひとまとまりとして処理する要素名のことを言います．
ちなみにこれらを実行した後は改行されます．
『インラインレベル要素』
これは A，B，BR，FONT，I，IMG，S，U のように文字と同等に扱われて処理できる要素名のことを言います．
ちなみにこれらを実行した後は改行されません．
『翔泳社 スタイルシート辞典 第三版』をお持ちの方は項目横のページ数をご覧ください．
▼ スクロールバーの色を変更したい P.320-322
プロパティ：
下記の赤い文字を設定 ※文字にマウスをあてるとスクロールの設定箇所が赤くなります．
scrollbar-base-color ・・・ ベースの色
scrollbar-face-color ・・・ スクロールバーの表面の色
scrollbar-arrow-color ・・・ 矢印の色
scrollbar-highlight-color ・・・ ハイライト部分の色
scrollbar-3dlight-color ・・・ ボタンのハイライト部分の色
scrollbar-shadow-color ・・・ シャドー部分の色
scrollbar-darkshadow-color ・・・ ボタンのシャドー部分の色
キーワード： 色を指定します．
例：
小窓のスクロールバーの色を設定．
ベースを青
矢印を白
に設定しています
<CENTER style="overflow:scroll;width:100px;height:100px;scrollbar-base-color:blue;scrollbar-arrow-color:white">
小窓のスクロールバーの色を設定．
ベースを青
矢印を白
に設定しています
</CENTER>
お気に入りの記事を「いいね！」で応援しよう
【毎日開催】
15記事にいいね！で1ポイント
けとけと。
けとけと。のメモ的ＨＰ ワンコもいるよ（＾＾）
カテゴリ
未整理
(4038)ペット
(397)あぁ．振り返る一日
(355)商品情報
(27)サイトブックマーク
(87)電話・インターネット
(118)家電・PC・ソフトウェア
(210)食べ物やスーパー
(61)おしごと
(6)HTML・スタイルシート
(79)楽天さん絡み
(186)スクラップ
(12)ゴミ
(16)・2026年08月
・2026年07月
・2026年07月
・2026年06月
© Rakuten Group, Inc.
