例
いくつかの異なるカーソル：
span.crosshair
{
cursor: crosshair;
}
span.help
{
cursor: help;
}
span.wait
{
cursor: wait;
}
»それを自分で試してみてください 定義と使用法
カーソルプロパティは、要素上でポインティングたときに表示されるカーソルのタイプを指定します。
| デフォルト値： | auto |
|---|---|
| 継承されました： | yes |
| アニメーション： | no. Read about animatable |
| バージョン： | CSS2 |
| JavaScriptシンタックス： | object .style.cursor="crosshair" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| cursor | 5.0 | 5.5 | 4.0 | 5.0 | 9.6 |
CSSの構文
cursor:value;プロパティ値
| 値 | 説明 | それを再生します |
|---|---|---|
| alias | カーソルは何かの別名を示し作成します | それを再生します» |
| all-scroll | カーソルは、何かが任意の方向にスクロールすることができることを示しています | それを再生します» |
| auto | デフォルト。 ブラウザは、カーソルを設定します | それを再生します» |
| cell | カーソルがセルことを示している(or set of cells)選択することができます | それを再生します» |
| context-menu | カーソルは、コンテキストメニューが使用可能であることを示し | それを再生します» |
| col-resize | カーソルが列を水平方向にサイズ変更できることを示します | それを再生します» |
| copy | カーソルは何かがコピーされる示し、 | それを再生します» |
| crosshair | カーソルが十字線としてレンダリング | それを再生します» |
| default | デフォルトのカーソル | それを再生します» |
| e-resize | カーソルがボックスのエッジが右に移動することを示している(east) | それを再生します» |
| ew-resize | 双方向サイズ変更カーソルを表示します | それを再生します» |
| grab | カーソルは、何かがグラブすることができることを示しています | それを再生します» |
| grabbing | カーソルは、何かがグラブすることができることを示しています | それを再生します» |
| 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 | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
HTML DOMリファレンス： cursor property