Cursor Properties Used in Style Sheets

Style Name Function Attributes Examples
Hover Over Examples
crosshair Cursor becomes a "cross hair" cursor: crosshair;
<div style=cursor:crosshair>
default Cursor remains as default cursor: default;
<div style=cursor:default>
move Cursor looks like it will move an object cursor: crosshair;
<div style=cursor:move>
hand Cursor looks like a hand cursor: hand;
<div style=cursor:hand>
help Cursor becomes an arrow and question mark
This is the cursor style used throughout this tutorial for "glosssary" references.
cursor: help;
<div style=cursor:help>
text Cursor becomes the "capital I" looking bar as when over text cursor: text;
<div style=cursor:text>
wait Cursor becomes an hour glass cursor: wait;
<div style=cursor:wait>
n-resize
or s-resize
Cursor becomes a North-South Arrow cursor: n-resize;
<div style=cursor:n-resize>
e-resize
or w-resize
Cursor becomes an East-West Arrow cursor: e-resize;
<div style=cursor:e-resize>
ne-resize
or sw-resize
Cursor becomes a NorthEast or SouthWest Arrow cursor: ne-resize;
<div style=cursor:ne-resize>
nw-resize
or se-resize
Cursor becomes a SouthEast or NorthWest Arrow cursor: nw-resize;
<div style=cursor:nw-resize>

< >


© Copyright Night Train Web Productions Night Train Web Productions — All Rights Reserved
No Part of This Work May be Reproduced by any Means Without Prior Written Authorization
8153 / 051006 / 304082