Web Developer's Room
HOME > スタイルシート リファレンス > ユーザインタフェース     

ユーザインタフェース

cursor・・・マウスポインタの形状
 例) A { cursor: hand; }
auto:状況に応じてカーソルの形をブラウザが自動的に決定する。
crosshair:シンプルな十字型。 サンプル
default:プラットフォーム依存のデフォルトカーソル(通常は矢印)。サンプル
hand:手の形。サンプル
move:移動可能を意味する矢印カーソル。サンプル
e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize:いくつかの方向に移動できることを意味するカーソル。
text:テキスト編集カーソル。通常はIバー。サンプル
wait:待ちを意味するカーソル。通常は砂時計が表示される。サンプル

ime-mode・・・日本語変換(IME)の動作(auto:自動, active:フォーカス移動時にオン, inactive, フォーカス移動時にオフ, disabled:使用禁止)
 例) INPUT { ime-mode: disabled; }

scrollbar-base-color・・・スクロールバー全ての色
scrollbar-face-color・・・スクロールバーの部分と矢印の四角の部分
scrollbar-track-color・・・スクロールバーの動く下の部分
scrollbar-arrow-color・・・スクロールバーの上と下にある矢印
scrollbar-3dlight-color・・・動くバーの部分と矢印の四角の部分の左と上の部分の影になる部分
scrollbar-highlight-color・・・スクロールバーの部分と矢印の四角の部分の左と上の部分
scrollbar-shadow-color・・・スクロールバーの部分と矢印の四角の部分の右と下の部分
scrollbar-dark-shadow-color・・・動くバーの部分と矢印の四角の部分の右と下の部分の影になる部分
 例) body {
      scrollbar-base-color: #FF0000;
      scrollbar-face-color: #FF0000;
      scrollbar-track-color: #00FF00;
      scrollbar-arrow-color: #00FF00;
      scrollbar-3dlight-color: #0000FF;
      scrollbar-highlight-color: #0000FF;
      scrollbar-shadow-color: #0000FF;
      scrollbar-dark-shadow-color: #0000FF;
      }
IE5.5以上


スポンサードリンク


(C) Web Developer's Room All rights reserved.