CSS Cursor

auto

default

none

Help

pointer

progress

wait

cell

crosshair

text

vertical-text

alias

move

no-drop

not-allowed

e-resize

n-resize

ne-resize

nw-resize

s-resize

se-resize

sw-resize

w-resize

ew-resize

ns-resize

nesw-resize

nwse-resize

col-resize

row-resize

all-scroll

zoom-in

zoom-out

grab

grabbing

context-menu


Exported from Notepad++
<html> <head> <title>css Color</title> <style> .mycursor_030{ border:1px solid black; background: papayawhip; text-align: center; width: 90px; height: 75px; float:left; margin: 0 10px 10px 0; } .mycursor_030:nth-child(2n){ background: rgb(110, 236, 110); } .mycursor_030:nth-child(3n){ background: rgb(230, 136, 150); } </style> </head> <body> <h1>CSS Cursor</h1> <div class="mycursor_030" style="cursor:auto;"> <h3>auto</h3> </div> <div class="mycursor_030" style="cursor:default;"><h3>default</h3></div> <div class="mycursor_030" style="cursor:none ;"><h3>none </h3></div> <div class="mycursor_030" style="cursor:help;"><h3>Help</h3></div> <div class="mycursor_030" style="cursor:pointer;"><h3>pointer</h3></div> <div class="mycursor_030" style="cursor:progress;"><h3>progress</h3></div> <div class="mycursor_030" style="cursor:wait;"><h3>wait</h3></div> <div class="mycursor_030" style="cursor:cell;"><h3>cell</h3></div> <div class="mycursor_030" style="cursor:crosshair;"><h3>crosshair</h3></div> <div class="mycursor_030" style="cursor:text;"><h3>text</h3></div> <div class="mycursor_030" style="cursor:vertical-text;"><h3>vertical-text</h3></div> <div class="mycursor_030" style="cursor:alias;"><h3>alias</h3></div> <div class="mycursor_030" style="cursor:move;"><h3>move</h3></div> <div class="mycursor_030" style="cursor:no-drop ;"><h3>no-drop </h3></div> <div class="mycursor_030" style="cursor:not-allowed;"><h3>not-allowed</h3></div> <div class="mycursor_030" style="cursor:e-resize;"><h3>e-resize</h3></div> <div class="mycursor_030" style="cursor:n-resize;"><h3>n-resize</h3></div> <div class="mycursor_030" style="cursor:ne-resize ;"><h3>ne-resize </h3></div> <div class="mycursor_030" style="cursor:nw-resize ;"><h3>nw-resize </h3></div> <div class="mycursor_030" style="cursor:s-resize ;"><h3>s-resize </h3></div> <div class="mycursor_030" style="cursor:se-resize;"><h3>se-resize</h3></div> <div class="mycursor_030" style="cursor:sw-resize;"><h3>sw-resize</h3></div> <div class="mycursor_030" style="cursor:w-resize;"><h3>w-resize</h3></div> <div class="mycursor_030" style="cursor:ew-resize;"><h3>ew-resize</h3></div> <div class="mycursor_030" style="cursor:ns-resize;"><h3>ns-resize</h3></div> <div class="mycursor_030" style="cursor:nesw-resize;"><h3>nesw-resize</h3></div> <div class="mycursor_030" style="cursor:nwse-resize;"><h3>nwse-resize</h3></div> <div class="mycursor_030" style="cursor:col-resize;"><h3>col-resize</h3></div> <div class="mycursor_030" style="cursor:row-resize;"><h3>row-resize</h3></div> <div class="mycursor_030" style="cursor:all-scroll;"><h3>all-scroll</h3></div> <div class="mycursor_030" style="cursor:zoom-in;"><h3>zoom-in</h3></div> <div class="mycursor_030" style="cursor:zoom-out;"><h3>zoom-out</h3></div> <div class="mycursor_030" style="-webkit-cursor:grab;"><h3>grab</h3></div> <!-- chrome does not support --> <div class="mycursor_030" style="-webkit-cursor:grabbing ;"><h3>grabbing </h3></div> <!-- chrome does not support --> <div class="mycursor_030" style="cursor:context-menu;"><h3>context-menu </h3></div> </br> </body> </html>