HTML and CSS Reference
In-Depth Information
Name
cursor
Values:
[<uri> [<number> <number>]?,]* [
auto
|
default
|
auto
|
default
|
none
|
context-menu
|
help
|
pointer
|
progress
|
wait
|
cell
|
crosshair
|
text
|
vertical-text
|
alias
|
copy
|
move
|
no-drop
|
not-allowed
|
e-resize
|
n-resize
|
ne-resize
|
nw-resize
|
s-resize
|
se-resize
|
sw-resize
|
w-resize
|
ew-resize
|
ns-resize
|
nesw-resize
|
nwse-resize
|
col-resize
|
row-resize
|
all-scroll
]
Initial value:
auto
Applies to:
All elements
Inherited:
Yes
Computed value:
For <uri> values, given that a <uri> resolves to a supported file type, a single absolute URI
with optional X,Y coordinates; otherwise, same as declared keyword
Description:
Defines the cursor shape to be used when a mouse pointer is placed within the boundary of
an element (although CSS2.1 does not define which edge creates the boundary). Authors are
cautioned to remember that users are typically very aware of cursor changes and can be easily
confused by changes that seem counterintuitive. For example, making any noninteractive ele-
ment switch the cursor state to
pointer
is quite likely to cause user frustration.
Note that the value syntax makes URI values optional, but the keyword mandatory. Thus you
can specify any number of URIs to external cursor resources, but the value mustend with a
keyword. Leaving off the keyword will cause conforming user agents to drop the declaration
entirely.
CSS3 allows two numbers to be supplied with a <uri> value. These define the X,Y coordinates
of the cursor's “active point”; that is, the point in the cursor that is used for determining hover
