おウチで楽ちんアルバイト！

楽ちん　アルバイト　電気代　水道代　ガス代　その他　節約　お小遣い　副収入　内職　副業　アンケート　アフィリエイト　

☆ＣＳＳを使ってみよう

当サイトで使用しているＣＳＳはもちろん、ホームページ作成で活用できそうな情報をどんどん追加していきますね。コードが多少おかしくてもご勘弁を(^^ゞ

スタイルシート
1. スタイルシートとは？
2. どんな時につかうの？
テーブル
1. 罫線を設定するには
その他
1. スクロールバーをカスタマイズ

コード解説スタイルシートの『scrollbar』を使用する事により、スクロールバーのカスタマイズが簡単に出来ます。自分好みの色に変更してみましょう。

scrollbar-face-color:色; <--スクロールバーの表面の色
scrollbar-highlight-color:色; <--「上・左」内枠の色
scrollbar-shadow-color:色; <--「右・下」内枠の色
scrollbar-3dlight-color:色; <--「上・左」外枠の色
scrollbar-darkshadow-color:色; <--「右・下」外枠の色
scrollbar-arrow-color:色; <--上下矢印の色
scrollbar-track-color:色; <--トラックの色

コード <html>
<head>
<style type="text/css">
.scrollbar {
scrollbar-face-color:green;
scrollbar-highlight-color:blue;
scrollbar-shadow-color:red;
scrollbar-3dlight-color:yellow;
scrollbar-darkshadow-color:black;
scrollbar-arrow-color:white;
scrollbar-track-color:gray;

↓↓↓スクロールバーを表示させる為の仕掛けなので気にしないで下さい
width: 100px;
height: 50px;
overflow-x: scroll;
border: solid 0px;
↑↑↑スクロールバーを表示させる為の仕掛けなので気にしないで下さい

}
</style>
</head>
<body>
<p class="scrollbar">
111111111111111111<br>
222222222222<br>
333333<br>
</p>
</body>
</html>

実行画面

補足資料色が分かり辛いので拡大画像を参考にして下さい。

スクロールバー拡大画像

【免責事項】
当サイトを利用しての損害、不利益等は、一切の責任を負いません。
各サイトの登録の際は会員規約、注意事項等を確認した上で自己の責任と判断でご利用願います。