CSS Pocket Reference, 3rd Edition

Name

cursor

Values:

[[<uri>,]* [ auto | default | pointer | crosshair | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help | progress ]] | inherit

Initial value:

auto

Applies to:

All elements.

Inherited:

Yes.

Computed value:

For <uri> values, an absolute URI; otherwise, as specified.

Description:

This defines the cursor shape to be used when a mouse pointer is placed within the boundary of an element (although CSS2.1 does not define which edge creates the boundary). Authors are cautioned to remember that users are typically very aware of cursor changes and can be easily confused by changes that seem counterintuitive. For example, making any noninteractive element switch the cursor state to pointer is quite likely to cause user frustration. <uri> values are supported only by IE6+/Win as of this writing.

Examples:

a.moreinfo {cursor: help;}
a[href].external {cursor: url(globe.ani);}

Supported by:

Firefox, Internet Explorer, Opera, Safari.

Note:

<uri> values are supported only by Explorer 6 and later.