cursor Description:
The cursor property defines the type of cursor to be displayed for the pointing device.
cursor in CSS Versions:
cursor Syntax:
cursor: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | inherit
- <uri>
Defines the resource to be used by the user agent. There can be multiple URLs listed, separated by commas - auto
The user agent determines the cursor.
- crosshair
Display a simple crosshair (looks like a +-sign). - default
Display the platform-dependant default cursor, usually an arrow. - pointer
Display a pointer that indicates a link. - move
Display a cursor that indicates something should be moved. - e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize
Display a cursor indicating an edge to be moved. - text
Display a cursor for text to be selected, usually an I-beam.
- wait
Display a wait cursor, usually a watch or hourglass. - help
Display a help cursor, usually a question mark or balloon. - progress
Display a progress indicator, usually a spinning ball or hourglass. - inherit
The element should have the same cursor setting as the parent.
cursor Initial Value:
auto
cursor Applies To
All elements.
cursor Inheritance
This property is inherited.
cursor Browser Support:
cursor media type:
- Interactive
- Visual
cursor Examples:
Change the cursor to a pointer
<p style="cursor : pointer;">
When you put your mouse on this paragraph, the cursor will change to a pointer.
</p>
cursor Special Notes:
- Use the cursor to help your readers understand what's going on with your site.
