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.