スクロールバー色 scrollbar
Yahoo!ブックマークに登録
はてなブックマークに登録
livedoorに記事をクリップ| スクロールバー色 （サンプル） | ||
|---|---|---|
|
サンプル用の文字
サンプル用の文字 サンプル用の文字 サンプル用の文字 サンプル用の文字 サンプル用の文字 サンプル用の文字 サンプル用の文字 |
||
| ▼ | ▼ | ▼ |
|
サンプル用の文字
サンプル用の文字 サンプル用の文字 サンプル用の文字 サンプル用の文字 サンプル用の文字 サンプル用の文字 サンプル用の文字 |
||
| ※ 上が通常の状態で、下が実際に効果を反映したサンプルです。 | ||
| スクロールバー色 （詳細情報） | |
|---|---|
| 字体 |
scrollbar-base-color:★; 全体のベースになる色を指定。 scrollbar-track-color:★; スライドバーの下地の色を指定。 scrollbar-face-color:★; 一番面積のある表面全体の色を指定。 scrollbar-arrow-color:★; 矢印部分の色を指定。 scrollbar-highlight-color:★; 内側にある立体部分の明るい所の色を指定。 scrollbar-shadow-color:★; 内側にある立体部分の暗い所の色を指定。 scrollbar-3dlight-color:★; 外側にある立体部分の明るい所の色を指定。 scrollbar-darkshadow-color:★; 外側にある立体部分の暗い所の色を指定。 |
| 指定 |
★の部分に下記の太字の効果を指定していきます。
|
| 効果 | スクロールバーの色を変更することができます。 |
| 注意 | ブラウザによっては対応していないので、全く効果が見えないブラウザもあります。 |
CSS辞典
- HTML辞典はこちら
- 【 文字CSS 】
- 色指定CSS
- 文字サイズCSS
- 文字を太字CSS
- 文字を斜体CSS
- 文字種類CSS
- 文字装飾CSS
- 大小文字CSS
- スモールキャップCSS
- 【 文章CSS 】
- 文章の行間CSS
- 文字間隔CSS
- 単語の間隔CSS
- 禁則処理CSS
- 単語の改行処理CSS
- 縦書きCSS
- 文字・行間隔CSS
- 一行目余白CSS
- 見たまま表示CSS
- 【 リストCSS 】
- リストマーク変更CSS
- マーク代理画像CSS
- マーク位置CSS
- リストまとめ指定CSS
- 【 スクロールCSS 】
- スクロール付きCSS
- スクロールバー色CSS
- 【 表示位置CSS 】
- 横の表示位置CSS
- 縦の表示位置CSS
- 左右の回り込みCSS
- 回り込み解除CSS
- 【 余白CSS 】
- 中身の余白CSS
- 外側の余白CSS
- 【 エリア幅CSS 】
- 横幅を指定
- 縦幅を指定
- 【 ボックスCSS 】
- 背景色を指定CSS
- 背景画像を指定CSS
- 線の種類CSS
- 線の太さCSS
- 線の色CSS
- 線をまとめて指定CSS
