HTML and CSS Reference
In-Depth Information
CSS
cursor
Property Values
Typical
Rendering
Description
auto
The browser determines the cursor to display based on the
current context.
N/A
A simple crosshair, generally resembles a plus symbol.
crosshair
The browser's default cursor, generally an arrow.
default
A hand pointer (nonstandard but commonly supported).
hand
Indicates that Help is available; the cursor is generally rendered
as an arrow and a question mark.
help
Indicates something is to be moved; usually rendered as four
arrows together.
move
A resizing indicator as a double arrow pointing east-west (left-right).
e-resize
A resizing indicator as a double arrow pointing northeast-southwest.
ne-resize
A resizing indicator as a double arrow pointing northwest-southeast.
nw-resize
A resizing indicator as a double arrow pointing north-south.
n-resize
Typically renders similar to the browser's default pointing cursor,
which is generally a hand.
pointer
A resizing indicator as a double arrow pointing north-south.
s-resize
A resizing indicator as a double arrow pointing southeast-northwest.
se-resize
A resizing indicator as a double arrow pointing southwest-northeast.
sw-resize
Indicates text that may be selected or entered; generally rendered
as an I-bar.
text
w-resize
A resizing indicator as a double arrow pointing west-east.
wait
Indicates that the page is busy; generally rendered as an
hourglass.
T
ABLE
5-7
CSS 2.1 cursor Property Values
