CSS cursor Property

Example

Some different cursors:

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

Try it yourself »

The cursor property specifies the type of cursor to be displayed when pointing on an element.

Default value:	auto
Inherited:	yes
Version:	CSS2
JavaScript syntax:	object.style.cursor="crosshair"

The cursor property is supported in all major browsers.

Note: Opera 9.3 and Safari 3 do not support URL values.

Note: No versions of Internet Explorer (including IE8) support the property value "inherit".

Value	Description
URL	A comma separated of URLs to custom cursors. Note: Always specify a generic cursor at the end of the list, in case none of the URL-defined cursors can be used
auto	Default. The browser sets a cursor
crosshair	The cursor render as a crosshair
default	The default cursor
e-resize	The cursor indicates that an edge of a box is to be moved right (east)
help	The cursor indicates that help is available
move	The cursor indicates something that should be moved
n-resize	The cursor indicates that an edge of a box is to be moved up (north)
ne-resize	The cursor indicates that an edge of a box is to be moved up and right (north/east)
nw-resize	The cursor indicates that an edge of a box is to be moved up and left (north/west)
pointer	The cursor render as a pointer
progress	The cursor indicates that the program is busy (in progress)
s-resize	The cursor indicates that an edge of a box is to be moved down (south)
se-resize	The cursor indicates that an edge of a box is to be moved down and right (south/east)
sw-resize	The cursor indicates that an edge of a box is to be moved down and left (south/west)
text	The cursor indicates text
w-resize	The cursor indicates that an edge of a box is to be moved left (west)
wait	The cursor indicates that the program is busy
inherit	Specifies that the value of the cursor property should be inherited from the parent element

HTML DOM reference: cursor property