# Property Description

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

# Property Values

Value | Description
--- | ---
auto | (default) The browser sets the cursor
crosshair | The cursor is rendered as a crosshair
default | The default cursor
e-resize | The cursor indicates that an edge of a box is to be moved right
help | The help cursor
move | The cursor indicates something can be moved
n-resize | The cursor indicates that an edge of a box is to be moved up
ne-resize | The cursor indicates that an edge of a box is to be moved up and right
nw-resize | The cursor indicates that an edge of a box is to be moved up and left
pointer | The pointer cursor
progress | The progress cursor
s-resize | The cursor indicates that an edge of a box is to be moved down
se-resize | The cursor indicates that an edge of a box is to be moved down and right
sw-resize | The cursor indicates that an edge of a box is to be moved down and left
text | The text cursor
URL | A comma separated list of URLs to custom cursors
w-resize | The cursor indicates that an edge of a box is to be moved left
wait | The wait cursor
inherit1 | Specifies that the value of the property should be inherited from the parent element

# Examples

This example shows how to set some different cursors.

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

# Browser Support

Firefox | IE | Chrome | Opera | Safari

1 - 'inherit' not supported by IE

# Miscellaneous Information

Inherited: | Yes
Defined In: | CSS2