CSS Changing the Cursor’s Appearance
Changing
the Cursor’s Appearance
For emotional
or creative effect, web designers can presently change the appearance of the cursor of the visitor’s
mouse, using
the cursor property.
The
allowed values of the cursor property are:
Property |
Description |
URL |
This value allows to define a
comma separated of URLs to custom |
auto |
This value will define the cursor
that the browser sets as its default. |
crosshair |
This value will define a crosshair
icon as a cursor. |
default |
This value will define the default
cursor. |
e-resize |
This value will define a cursor
that indicates that an edge of a box |
help |
This value will define a cursor
indicating that help is available. |
n-resize |
This value will define a cursor
indicating that an edge of a box is |
move |
This value will define a cursor
indicating that something that should be |
ne-resize |
This value will define a cursor
indicating that an edge of a box is |
nw-resize |
This value will define a cursor
indicating that an edge of a box is |
pointer |
This value will define a pointer
icon as the cursor. |
progress |
This value will define a cursor
indicating that the web site is in |
s-resize |
This value will define a cursor
indicating that an edge of a box is to be moved down. |
wait |
This value will define a cursor
indicating that the web site is busy. |
inherit |
This value will define a cursor that is the same value of the
its |
text |
This value will define a cursor
indicating text. |
w-resize |
This value will define a cursor
indicating that an edge of a box is |
sw-resize |
This value will define a cursor
indicating that an edge of a box is |
Leave a comment
No Cmomments yet