cursor

Browser Internet Explorer Netscape Opera Safari Firefox
Version 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Supported Yes Yes Yes Yes Yes Yes Yes Partially Partially Yes Yes Yes Yes Partially Yes Yes
Short information
CSS CSS2
Default value auto
Inherited Yes
Applied To all elements
HTML analog No
Reference to specification http://www.w3.org/TR/CSS21/ui.html#cursor-props
Description
It determines the cursor form when it is in element limits. The cursor kind depends on an operating system and the determined parameters.
Before taking an advantage of possibility to alter a cursor kind, you should desire whether it will be used to a place. Similar changes can mislead many users, for example instead of the traditional hand appearing at prompting on the reference, there is something another. In most cases, it is better not to change everything.

Syntax

cursor: auto | crosshair | default | e-resize | help | move | n-resize | ne-resize | nw-resize | pointer | progress | s-resize | se-resize | sw-resize | text | w-resize | wait || url('a path to a cursor')
Arguments
auto
It selects cursor kind by default for a current element.
url
It allows to determine the own cursor. In that case it is necessary to specify a way to a file in which the cursor form is specified in format CUR or ANI.
Other admissible arguments are given in tab. 1.

The cursor kind can differ from given data in the table depending on an operating system and its options.

Example

 
<!--
   .cross { cursor: crosshair; }
   .help { cursor: help; }
 
-->
 
 
On this text the mouse cursor will look like a crossline.
 
   <a class="help" href="help1.htm">HELP 1</a>
   <a class="help" href="help2.htm">HELP 2</a>
   <a class="help" href="help3.htm">HELP 3</a>
The result of this example is shown on the figure 1

Object model
[window.]document.getElementById("elementID").style.cursor
Remark
Some browsers support additional cursor types. For example, Internet Explorer works with the value "hand" which is the analog of "pointer". Besides the following arguments will be valid in this browser: "all-scroll", "col-resize", "no-drop", "not-allowed", "row-resize", "vertical-text".