CSS Reference
CSS Reference CSS Selectors CSS Reference Aural CSS Web Safe Fonts CSS Units CSS Colors CSS Color Values CSS Color Names CSS Color HEX CSS3 Browser SupportCSS Properties
CSS cursor Property
Example
Some different cursors:
span.crosshair
{cursor:crosshair}
span.help {cursor:help}
span.wait {cursor:wait}
span.help {cursor:help}
span.wait {cursor:wait}
Try it yourself »
Definition and Usage
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" |
Browser Support
The cursor property is supported in all major browsers.
Note: Opera 9.3 and Safari 3 do not support URL values.
Note: The value "inherit" is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports "inherit".
Property Values
| Value | Description | Play it |
|---|---|---|
| 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 | Play it » |
| auto | Default. The browser sets a cursor | Play it » |
| crosshair | The cursor render as a crosshair | Play it » |
| default | The default cursor | Play it » |
| e-resize | The cursor indicates that an edge of a box is to be moved right (east) | Play it » |
| help | The cursor indicates that help is available | Play it » |
| move | The cursor indicates something that should be moved | Play it » |
| n-resize | The cursor indicates that an edge of a box is to be moved up (north) | Play it » |
| ne-resize | The cursor indicates that an edge of a box is to be moved up and right (north/east) | Play it » |
| nw-resize | The cursor indicates that an edge of a box is to be moved up and left (north/west) | Play it » |
| pointer | The cursor render as a pointer | Play it » |
| progress | The cursor indicates that the program is busy (in progress) | Play it » |
| s-resize | The cursor indicates that an edge of a box is to be moved down (south) | Play it » |
| se-resize | The cursor indicates that an edge of a box is to be moved down and right (south/east) | Play it » |
| sw-resize | The cursor indicates that an edge of a box is to be moved down and left (south/west) | Play it » |
| text | The cursor indicates text | Play it » |
| w-resize | The cursor indicates that an edge of a box is to be moved left (west) | Play it » |
| wait | The cursor indicates that the program is busy | Play it » |
| inherit | Specifies that the value of the cursor property should be inherited from the parent element |
Related Pages
HTML DOM reference: cursor property
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
