From Htmlpedia
Contents |
[edit]
CSS 2 property: cursor
This property specifies the type of cursor to be displayed for the pointing device.
[edit]
Property Values
The cursor property accepts the following values:
- auto
- crosshair
- default
- pointer
- move
- e-resize
- ne-resize
- nw-resize
- n-resize
- se-resize
- sw-resize
- s-resize
- w-resize
- text
- wait
- help
- <uri:>
[edit]
Example
![]() | <style type="text/css">
.helplink { cursor: help; }
</style>
...
<a class="helplink" href="foo">Click here for help</a> |
[edit]
Browser Support
If you have tested support for cursor in any of the following browsers, please indicate its level of support using one of the following keywords:
- Full
- Partial
- Buggy
- None
If you indicate that support is "Partial" or "Buggy," please add further comments explaining what's missing or what doesn't work right.
- IE 3
- Support is Unknown
- IE 4
- Support is Unknown
- IE 5
- Support is Unknown
- IE 5.5
- Support is Unknown
- IE 6
- Support is Full
- IE 7
- Support is Full
- NS 3
- Support is Unknown
- NS 4
- Support is Unknown
- NS 4.5
- Support is Unknown
- NS 6
- Support is Unknown
- NS 7
- Support is Unknown
- NS 8
- Support is Unknown
- Firefox 1
- Support is Unknown
- Firefox 1.5
- Support is Full
- Firefox 2
- Support is Partial. Firefox 2 does not support animated cursors (whatever.ani) using the url() value. However it does display fall-back cursors correctly.
- Mozilla
- Support is Unknown
- Opera 6
- Support is Unknown
- Opera 7
- Support is Unknown
- Opera 8
- Support is Unknown
- Opera 9
- Support is Partial. Opera 9 does not support the url() value, and displays the default cursor even if a second keyword is specified as a fall-back.
- Konqueror
- As of version 3.5.6, Konqueror does not support the url() value, and displays the default cursor even if a second keyword is specified as a fall-back.
[edit]
Tips and Tricks
- You can replace the I-bar with the default arrow pointer in places where you may want to give the object (such as H1) the illusion of being a graphic. The text can still be highlighted and copied.
- A common trick is to use the help pointer in places where you may want to offer a help or tooltip link.
[edit]
References
- W3C Specification: CSS Specification Level 2
- HTMLpedia: List of CSS Properties

