CSS Home

Let mouse over words to change the cursor.

auto

crosshair

default

e-resize

grab

help

move

n-resize

ne-resize

nw-resize

pointer

progress

s-resize

se-resize

sw-resize

text

w-resize

wait

not-allowed

no-drop

<span style="cursor:auto;font-size:20px;">auto</span>
<span style="cursor:crosshair;font-size:20px;">crosshair</span>
<span style="cursor:default;font-size:20px;">default</span>
<span style="cursor:e-resize;font-size:20px;">e-resize</span>
<span style="cursor:grab;font-size:20px;">grab</span>
<span style="cursor:help;font-size:20px;">help</span>
<span style="cursor:move;font-size:20px;">move</span>
<span style="cursor:n-resize;font-size:20px;">n-resize</span>
<span style="cursor:ne-resize;font-size:20px;">ne-resize</span>
<span style="cursor:nw-resize;font-size:20px;">nw-resize</span>
<span style="cursor:pointer;font-size:20px;">pointer</span>
<span style="cursor:progress;font-size:20px;">progress</span>
<span style="cursor:s-resize;font-size:20px;">s-resize</span>
<span style="cursor:se-resize;font-size:20px;">se-resize</span>
<span style="cursor:sw-resize;font-size:20px;">sw-resize</span>
<span style="cursor:text;font-size:20px;">text</span>
<span style="cursor:w-resize;font-size:20px;">w-resize</span>
<span style="cursor:wait;font-size:20px;">wait</span>
<span style="cursor:not-allowed;font-size:20px;">not-allowed</span>
<span style="cursor:no-drop;font-size:20px;">no-drop</span>