- ベストアンサー
スクロールバーの色を変更したい
最近，ホームページ作りに挑戦してみようと思い，始めました． 以下のようなフレームで，スクロールバーの色を変更したいのですが，何処をどのようにすればいいのでしょうか？よろしくお願いします． <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>HP Top</title> </head> <frameset rows="10%, *"> <frame src="HP head.html" name="HP head"scrolling="no" frameborder="0"> <frame src="HP main.html" name="HP main"frameborder="0"> <noframes> </noframes> </frameset> </html>
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
えーっと、DOCTYPE宣言でURLを書いた場合は標準モードとして認識され、各ブラウザなどの独自拡張は利用できません。 URLを省略した場合は互換モードとして扱われるため各ブラウザの独自拡張が利用可能になります。 提示されたソースではURL部分を書いているため標準モード…^^; またDOCTYPE宣言でページをHTML4.01 Strictにした場合もスクロールバーの配色を変更する独自拡張は利用できなくなります。 なんでかって言われてもそうなってるとしか言いようがない状態。 尚、スクロールバーの色を変更するCSSはInternet Explorerの独自拡張です。 独自拡張としてWindows版IE5.5以降が、IE互換仕様でOpera7.0以降がそれぞれ対応しているのみです。 それ以外の環境では一切効果がなく、一部の環境では不明なCSSのプロパティとしてエラーを返す場合もあります^^;
その他の回答 (4)
DOCTYPEの宣言をするとスクロールバーの色関係は無視されたような気がしますがどうでしょうか。
- quads
- ベストアンサー率35% (90/257)
スクロールバーの配色指定については、 IEが独自拡張としてサポートしている scrollbar 関連プロパティを用いることで、 サポートしているバージョンのIEに限り可能です。 ただし、スタイルシートを適用させるHTMLはフレームではなく各ページです。 ## URIに空白が含まれています。 --> http://openlab.ring.gr.jp/k16/htmllint/explain.html#url-whitespace
- akikusa
- ベストアンサー率60% (3/5)
私の場合ですが、<HEAD>～</HEAD>内に以下のタグを入れて全て共通のスクロールにしてます。 <title>HP Top</title>の後に <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FF3366; scrollbar-3dlight-color: #FF3366; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-darkshadow-color: #FF3366; </STYLE> ちなみに fase-coloｒ 基本になる色 track-coloｒ 背景の色 arrow-color ▲▼の色 3dlight-color 上と左の線の色 highlight-coloｒ 上と左の内側のふちの色 shadow-color 右と下の内側のふちの線の色 darkshadow-color 右と下の線の色 以下のサイトが、スタイルシートについてわかりやすく解説されていますので宜しければ…。
- 参考URL：
- http://tgtag.chu.jp/
- kappa-pa
- ベストアンサー率49% (101/206)
スクロールバーの色をかえるのはCSS、スタイルシートで設定します。 <HEAD>～</HEAD>に <STYLE type=text/css> BODY { SCROLLBAR-FACE-COLOR: *****; SCROLLBAR-HIGHLIGHT-COLOR: *****; SCROLLBAR-SHADOW-COLOR: *****; SCROLLBAR-3DLIGHT-COLOR: *****; SCROLLBAR-ARROW-COLOR: *****; SCROLLBAR-TRACK-COLOR: *****; SCROLLBAR-DARKSHADOW-COLOR: *****; } </STYLE> 上の*****の部分に色を指定。色は#000000といったコードで記述する方法と、pinkやblackと言った英語表記で記述する方法の2種類ありますが、どちらもＯＫ。 ちなみに上の文が指定している色 SCROLLBAR-FACE-COLOR → スクロールするバーの表面の色 SCROLLBAR-HIGHLIGHT-COLOR → バーの上と左の明るい部分の色 SCROLLBAR-SHADOW-COLOR → バーの右と下の影になる部分の色 SCROLLBAR-3DLIGHT-COLOR → バーの周りを囲む色 SCROLLBAR-ARROW-COLOR → 上下にある▲の色 SCROLLBAR-TRACK-COLOR → トラックの色 SCROLLBAR-DARKSHADOW-COLOR → 深い影部分の色 実際に色を確認しながらスクロールバーを自動生成してくれます。 http://html-time.com/tool/scrollbar_color_changer2.htm http://homepage2.nifty.com/sakura_k/index_j.htm ちなみにInternet Explorer5.5以上のブラウザでないと色付きのスクロールバーは表示されないので、その辺は注意が必要です。
