定義と使用法
カーソルプロパティセットまたはマウスポインタに表示するカーソルのタイプを返します。
ブラウザのサポート
カーソルプロパティは、すべての主要なブラウザでサポートされています。
構文
カーソルのプロパティを返します：
object .style.cursor
カーソルプロパティを設定します。
object .style.cursor= プロパティ値 値 説明 alias カーソルが何かの別名を示し作成します all-scroll カーソルは何かが任意の方向にスクロールさせることができることを示しています auto デフォルト。 ブラウザは、カーソルを設定します cell カーソルがセルことを示している(or set of cells)選択することができます context-menu カーソルは、コンテキストメニューが利用可能であることを示しています col-resize カーソルは、列が水平にサイズ変更することができることを示しています copy カーソルが何かをコピーするを示しています crosshair カーソルが十字線としてレンダリング default デフォルトのカーソル e-resize カーソルがボックスのエッジが右に移動することを示す(east) ew-resize 双方向サイズ変更カーソルを表示します help カーソルがヘルプが利用可能であることを示しています move カーソルは何かが移動するであることを示しています n-resize カーソルがボックスのエッジが上昇することを示している(north) ne-resize カーソルがボックスのエッジが上昇することを示し、右(north/east) nesw-resize 双方向サイズ変更カーソルを表示します ns-resize 双方向サイズ変更カーソルを表示します nw-resize カーソルがボックスのエッジが上昇し、左することを示す(north/west) nwse-resize 双方向サイズ変更カーソルを表示します no-drop カーソルがドラッグしたアイテムがここにドロップすることができないことを示しています none カーソルが要素の描画されていないん not-allowed カーソルが要求されたアクションが実行されないことを示し pointer カーソルは、ポインタであり、リンクを示します progress カーソルは、プログラムがビジー状態であることを示している(in progress) row-resize カーソルが行が垂直にサイズ変更することができることを示しています s-resize カーソルがボックスのエッジが下降されることを示す(south) se-resize カーソルがボックスのエッジが下に移動し、右すべきであることを示している(south/east) sw-resize カーソルがボックスのエッジが下に移動し、左すべきであることを示している(south/west) text カーソルが選択することができるテキストを示し URL コンマは、カスタムカーソルにURLのリストを分離しました。 Note:必ず使用することができURLに定義されたカーソルの場合のいずれにおいても、リストの最後に一般的なカーソルを指定します vertical-text カーソルが選択されてもよい垂直テキストを示し w-resize カーソルがボックスのエッジが左に移動することを示している(west) wait カーソルは、プログラムがビジー状態であることを示し、 zoom-in カーソルは何かが中にズームすることができますことを示しています zoom-out カーソルは何かがズームアウトすることができますことを示しています initial このプロパティがデフォルト値に設定します。 最初の記事を読みます inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます
技術的な詳細
デフォルト値： オート 戻り値： マウスポインタが要素の上にあるときに表示されるマウスカーソルを表す文字列、 CSSのバージョン CSS2
その他の例
例
利用可能なすべてのカーソルを表示します：
var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;
»それを自分で試してみてください
関連ページ
CSSリファレンス： cursor property
<スタイルオブジェクト