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:
