Cursor
カーソルのスタイルを指定します。
カーソルのスタイルは15種類あり、指定しますとカーソルが変えることができます。
カーソルのスタイルは、サンプルのカーソル名の枠に触れるとご覧になれます。ブルーの領域は、Internet Explorer 6.0で追加されたカーソルです。
handを指定した場合、Netscapeは表示しません。Netscapeでは、pointerになります。
{ cursor : auto | crosshair | default | hand | move | text | wait | help | e-resize | ne-resize | n-resize | nw-resize | w-resize | sw-resize | s-resize | se-resize }
|
Auto |
Crosshair |
Text |
Hand |
|
Move |
Nw-Resize |
N-Resize |
Ne-Resize |
|
Wait |
W-Resize |
Default |
E-Resize |
|
Help |
Sw-Resize |
S-Resize |
Se-Resize |
|
Pointer |
No-drop |
Progress |
Not-allowed |
|
All-scroll |
Vertical-text |
Col-resize |
Row-resize |
Netscapeへの対応
Netscapeの場合、handを指定してもdefaultで表示します。Netscapeのhandは、pointerになります。pointerは、IE6は対応していますが、下位バージョンは対応していませんから両方を指定しなければなりません。また、resizeなどは、IEと表示が異なります。
<img style="cursor: pointer" border="0" src="sample.gif" width="89" height="31">
<img style="cursor: hand; cursor: pointer" border="0" src="sample.gif" width="89" height="31">
 |
 |
|---|
