Presented in alphabetical order. Hover over the blue boxes to see the cursor style. Below the box is the correct way to declare the cursor style.
|
all-scroll
cursor:all-scroll;
|
col-resize
cursor:col-resize;
|
crosshair
cursor:crosshair;
|
default
cursor:default;
|
|
hand
cursor:hand;
Microsoft & Opera only |
help
cursor:help;
|
move
cursor:move;
|
no-drop
cursor:no-drop;
|
|
not-allowed
cursor:not-allowed;
|
pointer
cursor:pointer;
|
progress
cursor:progress;
|
row-resize
cursor:row-resize;
|
|
text
cursor:text;
|
url
cursor:url;
|
vertical-text
cursor:vertical-text;
|
wait
cursor:wait;
|
|
*-resize
cursor:N-resize;
The example is 'N-resize'. Instead of the 'N' you can also use 'NW', 'W', 'SW', 'S', 'SE', 'E', 'NE' |
- It is advised that you use cursor:pointer; over cursor:hand; if your audience is using browsers other than IE5.0 / IE5.5, if you want to support both then you can add the following in the exact order. { cursor: pointer; cursor: hand; }
