カーソル (Cursors)

 
ユーザーインターフェイス
ホーム > CSS2 Note > カーソル
C2- ie4- N6-

説明

cursor: cursor; C2- ie4- N6-
値:  [[ <URI>, ]* | [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ]] | inherit
初期値:auto適用要素:すべて継承:する%値:なしメディア:ビジュアル インタラクティブ
このプロパティは、マウスなどのポインティングデバイスのカーソルの形状を設定します。

Windows Cursors Macintosh Cursors


*1 CSS2.1仕様書において、値「progress」が追加されました。
 

使用例

code {corsor:text}
p {cursor:url("cursor/mything.cur"), url("cursor/second.csr"), text}
 

カーソルの値

auto C2- ie4- N6- ブラウザが状況に応じてカーソルの種類を切り替えます。初期値。
crosshair C2- ie4- N6- 十字型のクロスヘアカーソルにします。
default C2- ie4- N6- その環境におけるデフォルトのカーソルにします。一般的には矢印型になります。
pointer C2- ie6- N6- リンクを指し示す際のカーソルにします。
move C2- ie4- N6- 対象が移動可能なことを指し示すカーソルにします。
[ e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize ]
C2- ie4- N6- 辺が移動可能なことを指し示すカーソルにします。n、s、e、wは、それぞれ、north, south, east and westを指し示します。
text C2- ie4- N6- テキストが選択可能なことを知らせるカーソルにします。一般的には「I」の形になります。
wait C2- ie4- N6- コンピュータが処理中であること知らせるカーソルにします。一般的には砂時計や腕時計の形になります。
progress C21- ie6- バックグランドで処理が実行されていることを示します。コンピュータが処理中であることを知らせる「wait」とは異なります。一般的には回転するビーチボール、矢印の付いた腕時計や砂時計の形になります。
help C2- ie4- N6- ヘルプが利用できることを知らせるカーソルにします。一般的には?やバルーンなどの形になります。
URI C2- ie6- 表示させたいカーソルファイルのURIを「url(URI)」の形で指定します。カーソルファイルの第二候補、第三候補などをコンマ[,]で区切って複数指定することもできます。カーソルファイルを指定する際には最後に上記キーワードを指定しておく必要があります。
なお、IE6.0では、[.cur]、[.ani]形式のカーソルファイルに対応しています。
 

IE6.0 以降で指定できるカーソル



IE6では、独自拡張で以下のようなカーソルを指定することができます。
hand ie4- 手の形になります。主にリンクなどに利用します。
all-scroll ie6- 上下左右にスクロールできることを示します。
col-resize ie6- 左右にリサイズできることを示します。
row-resize ie6- 上下にリサイズできることを示します。
no-drop ie6- ドラッグアイテムがカーソルのポジションに移動できないことを示します。
not-allowed ie6- 処理が実行できないことを示します。
progress C21- ie6- バックグランドで処理が実行されていることを示します。
vertical-text ie6- 縦書きのテキストが選択可能であることを示します。
Windows Extension
 
関連項目: cursor | outline | outline-width | outline-style | outline-color
トップページ CSS2 Note ページトップ
 2006/04/22発行 2009/07/01更新