User-interface - ユーザーインタフェース
- cursor〔カーソルの形状〕
cursor
カーソルの形状
unknown
cursor: auto | default | url("カーソル画像URL") | <キーワード>
cursorプロパティは、カーソルの形状を指定します。 すべての要素に指定可能です。 デフォルト値は、auto(ブラウザが設定したカーソル)です。
cursor: url("カーソル画像のURL")でオリジナルカーソルを指定した場合、ユーザーの環境やブラウザによっては指定したカーソルが使用できない場合があるので、一般的なカーソルをカンマ区切りでリストの末尾に指定しておきましょう。
ex. <span style='cursor: url(./path/cursor.ani), wait;'>カーソル変更</span>
| 値 | カーソル | 説明 |
|---|---|---|
| auto | ブラウザが設定したカーソル | |
| default | デフォルトのカーソル(矢印) | |
| url | オリジナルカーソルファイルへのパス。 ※拡張子がcur(カーソル)とani(アニメーションカーソル)のカーソルファイルを指定可。 | |
| crosshair | 十字カーソル | |
| pointer | リンクカーソル | |
| move | 移動カーソル | |
| e-resize | 東方向リサイズカーソル | |
| ne-resize | 北東方向リサイズカーソル | |
| nw-resize | 西北方向リサイズカーソル | |
| n-resize | 北方向リサイズカーソル | |
| se-resize | 南東方向リサイズカーソル | |
| sw-resize | 南西方向リサイズカーソル | |
| s-resize | 南方向リサイズカーソル | |
| w-resize | 西方向リサイズカーソル | |
| text | テキスト編集カーソル | |
| wait | 待機中カーソル | |
| help | ヘルプカーソル |
auto - ブラウザが設定したカーソル
default - デフォルトのカーソル(矢印)
url - オリジナルアイコン ※URLで指定したカーソルが使用できない場合はauto(ブラウザが設定したカーソル)を適用。
crosshair - 十字カーソル
pointer - リンクカーソル
move - 移動カーソル
e-resize - 東方向リサイズカーソル
ne-resize - 北東方向リサイズカーソル
nw-resize - 西北方向リサイズカーソル
n-resize - 北方向リサイズカーソル
se-resize - 南東方向リサイズカーソル
sw-resize - 南西方向リサイズカーソル
s-resize - 西方向リサイズカーソル
w-resize - 南方向リサイズカーソル
text - テキスト編集カーソル
wait - 待機中カーソル
help - ヘルプカーソル