タグの絵本
＞
CSS
＞ テキストエリア内のスクロールバーのデザインを個別に指定する
■テキストエリア内のスクロールバーのデザインを個別に指定する
・使用するCSS
<FORM>
<TEXTAREA rows="15" cols="35"
style="scrollbar-arrow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color:#000000;">
</TEXTAREA>
</FORM>
補足≫
カラーコード生成は
こちら
・説明
CSSを直接デザインを変えたいテキストエリアのタグ内に書き込むことによって個別にデザインを変更することが出来ます。
スクロールバーはどこのコードがどこの色に対応しているかは言葉がなく説明できないので適当にいじって見てください
こちらで
スクロールバーテンプレート
もご用意しましたのでご活用下さい。
・使用例
ソース （テスト書き込み可）
<html> <head> <title>あなたのホームページ</title> <style type="text/css"> <!-- textarea { } --> </style> </head> <body> <FORM> <TEXTAREA rows="15" cols="35" style=" scrollbar-arrow-color: #84BBD7; scrollbar-face-color: #C3EBFF; scrollbar-3dlight-color: #84BBD7; scrollbar-darkshadow-color: #84BBD7; scrollbar-highlight-color: #C3EBFF; scrollbar-shadow-color: #C3EBFF;"> ホームページ作成中。頑張ります！ 解り易いよう行数を増やしてます 下までスクロールしてみて下さい ここまで </TEXTAREA> </FORM> </body> </html>
あなたのホームページ Internet Explorer
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H)
ホームページ作成中。頑張ります！ 解り易いよう行数を増やしてます 下までスクロールしてみて下さい ここまで
Copyright (C) 2006 タグの絵本 All rights reserved.
→
index
あなたのホームページ Internet
Explorer