cursor | NN 6 IE 4 CSS 2
| Inherited: Yes
Sets the shape of the cursor when the screen pointer is atop the element. The precise look of cursors depends on the operating system. Before deploying a modified cursor, be sure you understand the standard ways that the various types of cursors are used within the browser and operating system. Users expect a cursor design to mean the same thing across all applications. Figure 11-3 offers a gallery of cursors for each of the cursor constant settings provided by Internet Explorer for Windows.
CSS Syntax
    cursor: cursorType || uri
Value
A cursor type is one of the implemented cursor names. The following table shows which cursor types are supported by various browsers and the CSS standard. Notice that IE 6 for Windows implements downloadable cursors. The IE 6 setting for an external URL requires an address of a cursor file of extension .cur or .ani (which you create with a graphics utility that creates Windows cursors).
Cursor name | IE/Windows | IE/Mac | NN | CSS
--- | --- | --- | --- | ---
alias | n/a | n/a | 6 | n/a
all-scroll | 6 | n/a | n/a | n/a
auto | 4 | 4 | 6 | 2
cell | n/a | n/a | 6 | n/a
col-resize | 6 | n/a | n/a | n/a
context-menu | n/a | n/a | 6 | n/a
copy | n/a | n/a | 6 | n/a
count-down | n/a | n/a | 6 | n/a
count-up | n/a | n/a | 6 | n/a
count-up-down | n/a | n/a | 6 | n/a
crosshair | 4 | 4 | 6 | 2
default | 4 | 4 | 6 | 2
e-resize | 4 | 4 | 6 | 2
grab | n/a | n/a | 6 | n/a
grabbing | n/a | n/a | 6 | n/a
hand | 4 | 4 | n/a | n/a
help | 4 | 4 | 6 | 2
move | 4 | 4 | 6 | 2
n-resize | 4 | 4 | 6 | 2
ne-resize | 4 | 4 | 6 | 2
no-drop | 6 | n/a | n/a | n/a
not-allowed | 6 | n/a | n/a | n/a
nw-resize | 4 | 4 | 6 | 2
pointer | 4 | 4 | 6 | 2
progress | 6 | n/a | n/a | n/a
row-resize | 6 | n/a | n/a | n/a
s-resize | 4 | 4 | 6 | 2
se-resize | 4 | 4 | 6 | 2
spinning | n/a | n/a | 6 | n/a
sw-resize | 4 | 4 | 6 | 2
text | 4 | 4 | 6 | 2
url(uri) | 6 | n/a | n/a | 2
vertical-text | 6 | n/a | n/a | n/a
w-resize | 4 | 4 | 6 | 2
wait | 4 | 4 | 6 | 2
Initial Value
auto
Example
    a.helpLink {cursor: help}
Applies To
All elements.