HTML CSS 講座 トップページへ

ホームページ作成 いまさらHTML,CSS講座
|  Home  |  ホームページ作成の知識  |  HTML 講座  |  HTML TABLE 講座  |  スタイルシート(CSS) 講座  |  携帯サイト 作成 講座  |
[HTMLテンプレートカテゴリ] [未分類カテゴリ]

いまさらHTML,CSS講座トップ > スタイルシート(CSS)講座インデックス > スクロールバー・マウスカーソル
様々なブックマークサービスがご利用頂けます。

マークスタイルシート( CSS ) スクロールバー ・ マウスカーソル

■ scrollbar プロパティ
スクロールバーの色を指定します。
IE5.5以上のサポートです。NNでは通常のスクロールバーが表示されます。

ソース  ソース

body {
    scrollbar-Track-Color:#f6f5fa;
    scrollbar-Face-Color:#f6f5fa;
    scrollbar-Shadow-Color:#464646;
    scrollbar-DarkShadow-Color:#f6f5fa;
    scrollbar-Highlight-Color:#f6f5fa;
    scrollbar-3dLight-Color:#464646;
    scrollbar-Arrow-Color:#000000;
}
DarkShadowは、Shadowの外側、Highlightは、3dLightの内側の色、Arrowは▲▼の色を指定します。

■ cursor プロパティ
要素の表示領域内に、マウスカーソルを乗せたときのカーソルの形状を指定します。

値

move（移動用）、auto（規定値：自動）、crosshair（十字印）、default（通常のもの）、pointer（ポインタ）、e-resize（右リサイズ）、ne-resize（右上リサイズ）、nw-resize（左上リサイズ）、n-resize（上リサイズ）、se-resize（右下リサイズ）、sw-resize（左下リサイズ）、s-resize（下リサイズ）、w-resize（左リサイズ）、text（テキスト選択）、wait（待ち）、help（ヘルプ）
ソース  ソース
a { cursor : crosshair ; }  
表示  表　示
十字印になります。
また、値に url() ( 括弧内に画像までの URI )を指定する事で、オリジナルの画像を表示することもできます。

(C) いまさらHTML CSS講座 2002-2008 All right reserved