Cursor

From Htmlpedia
Jump to: navigation, search

CSS 2 property: cursor

This property specifies the type of cursor to be displayed for the pointing device.

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:>

Example

Good
<style type="text/css">
     .helplink { cursor: help; }
</style>
...
<a class="helplink" href="foo">Click here for help</a>

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.

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.

References