CSS2 » Properties » cursor

Version: Level 2

Compability: IE4+  N6

Syntax:
cursor : auto| crosshair | default | help |move |pointer | e-resize |n-resize |ne-resize |nw-resize | s-resize | se-resize | sw-resize | w-resize | text | url( ) | wait
wait
The wait value usually renders the cursor as a hourglass or watch to signify that the user should wait until the process is completed.
url( ), ...
The url value is a comma delimited list of one or more URLs that are the locations of custom cursors. Each URL must be enclosed within a pair of quotes. It is possible that a browser may not recognize a custom cursor. Therefore, it is recommended that a generic cursor be placed at the end of the list.
text
The text value usually renders the cursor as an I-bar to signify text.
w-resize
The w-resize value renders the cursor as an arrow pointing to the left.
sw-resize
The sw-resize value renders the cursor as an arrow pointing to the lower left.
se-resize
The se-resize value renders the cursor as an arrow pointing to the lower right .
s-resize
The s-resize value renders the cursor as an arrow pointing down.
nw-resize
The nw-resize value renders the cursor as an arrow pointing to the upper left.
ne-resize
The ne-resize value renders the cursor as an arrow pointing to the upper right.
n-resize
The n-resize value renders the cursor as an arrow pointing up.
e-resize
The e-resize value renders the cursor as an arrow pointing to the right.
pointer
The pointer value renders the cursor as an arrow to signify a link.

For Internet Explorer versions 4 and 5, the equivalent property is cursor:hand.
move
The move value is used to signify that something is to be moved. Usually, it looks like a plus sign with arrows at the four tips.
help
The help value usually renders the cursor as a question mark or a balloon.
default
The default value allows the browser to set the cursor type.
crosshair
The crosshair value renders the cursor as a crosshair (large plus sign).
auto
The auto value is a default that allows the browser to set the cursor type .

The cursor property allows you to set the type of cursor that will be visible. Most browsers do not recognize all of the possible types of cursors. This property is not inherited.

Mouse over the name of the value to see how the cursor will appear.

Examples

Code:
p {cursor: text;}
a {cursor: pointer;}
body {cursor: url("mycursor.gif"), url("images/cursors/footcursor.jpg"), default;}
Language(s): CSS2

See Also: