clear
display
float
position
visibility
PROPERTY: cursor
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
Compatibility:
IE4+ N6
Version:
Level 2
Inherited:
No
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.
Mouse over the name of the value to see how the cursor will appear.
auto
The
auto
value is a default that allows the browser to set the cursor type.
crosshair
The
crosshair
value renders the cursor as a crosshair (large plus sign).
default
The
default
value allows the browser to set the cursor type.
help
The
help
value usually renders the cursor as a question mark or a balloon.
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.
pointer
The
pointer
value renders the cursor as an arrow to signify a link.
e-resize
The
e-resize
value renders the cursor as an arrow pointing to the right.
n-resize
The
n-resize
value renders the cursor as an arrow pointing up.
ne-resize
The
ne-resize
value renders the cursor as an arrow pointing to the upper right.
nw-resize
The
nw-resize
value renders the cursor as an arrow pointing to the upper left.
s-resize
The
s-resize
value renders the cursor as an arrow pointing down.
se-resize
The
se-resize
value renders the cursor as an arrow pointing to the lower right
sw-resize
The
sw-resize
value renders the cursor as an arrow pointing to the lower left.
w-resize
The
w-resize
value renders the cursor as an arrow pointing to the left.
text
The
text
value usually renders the cursor as an
I
-bar to signify text.
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.
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.
Code:
p {cursor: text;}
a {cursor: pointer;}
body {cursor: url("mycursor.gif"), url("images/cursors/footcursor.jpg"), default;}
Copyright 1999-2001 by Infinite Software Solutions, Inc. All rights reserved.
Trademark Information