CSS cursorProperty

Example

Some different cursors:

span.crosshair {cursor:crosshair}
span.help {cursor:help}
span.wait {cursor:wait}

The cursor property defines the shape of the cursor used when the mouse pointer is within the boundaries of an element.

Default value:	auto
Inherited:	yes
version:	CSS2
JavaScript Syntax:	object.style.cursor="crosshair"

The numbers in the table indicate the first browser version number that supports the property.

Property
cursor	5.0	5.5	4.0	5.0	9.6

Value	Description
url	The URL of the custom cursor to be used. Note: Always define a generic cursor at the end of the list, in case there are no cursors defined by the URL that are available.
default	Default cursor (usually an arrow)
auto	Default. The cursor set by the browser.
crosshair	The cursor is rendered as a crosshair.
pointer	The cursor renders as a pointer indicating a link (a hand).
move	This cursor indicates that an object can be moved.
e-resize	This cursor indicates that the edge of a rectangular box can be moved to the right (east).
ne-resize	This cursor indicates that the edge of a rectangular box can be moved up and to the right (north/east).
nw-resize	This cursor indicates that the edge of a rectangular box can be moved up and to the left (north/west).
n-resize	This cursor indicates that the edge of a rectangular box can be moved up (north).
se-resize	This cursor indicates that the edge of a rectangular box can be moved down and to the right (south/east).
sw-resize	This cursor indicates that the edge of a rectangular box can be moved down and to the left (south/west).
s-resize	This cursor indicates that the edge of a rectangular box can be moved down (south).
w-resize	This cursor indicates that the edge of a rectangular box can be moved to the left (west).
text	This cursor indicates text.
wait	This cursor indicates that the program is busy (usually a watch or an hourglass).
help	This cursor indicates available help (usually a question mark or a balloon).

other extensions