An example of cursor property with various values

CSS Code

Output

<!DOCTYPE html>
<html>
<head>
<style>
#p1 {cursor: pointer;}
#p2 {cursor: crosshair;}
#p3 {cursor: copy;}
#p4 {cursor: move;}
#p5 {cursor: text;}
#p6 {cursor: vertical-text;}
#p7 {cursor: e-resize;}
#p8 {cursor: n-resize;}
#p9 {cursor: ne-resize;}
#p10 {cursor: nw-resize;}
#p11{cursor: s-resize;}
#p12 {cursor: se-resize;}
#p13 {cursor: sw-resize;}
#p14 {cursor: w-resize;}
#p15 {cursor: ew-resize;}
#p16 {cursor: ns-resize;}
#p17 {cursor: nesw-resize;}
#p18 {cursor: nwse-resize;}
#p19 {cursor: col-resize;}
#p20 {cursor: row-resize;}
#p21 {cursor: context-menu;}
#p22 {cursor: help;}
#p23 {cursor: progress;}
#p24 {cursor: wait;}
#p25 {cursor: zoom-in;}
#p26 {cursor: zoom-out;}
#p27 {cursor: no-drop;}
#p28 {cursor: alias;}
#p29 {cursor: cell;}
#p30 {cursor: not-allowed;}
#p31 {cursor: all-scroll;}
#p32 {cursor: grab;}
#p33 {cursor: grabby;}
#p34 {cursor: auto;}
</style>
</head>
<body>

The example of cursor property

cursor: pointer;
cursor: crosshair;
cursor: copy;
cursor: move;
cursor: text;
cursor: vertical-text;
cursor: e-resize;
cursor: n-resize;
cursor: ne-resize;
cursor: nw-resize;
cursor: s-resize;
cursor: se-resize;
cursor: sw-resize;
cursor: w-resize;
cursor: ew-resize;
cursor: ns-resize;
cursor: nesw-resize;
cursor: nwse-resize;
cursor: col-resize;
cursor: row-resize;
cursor: context-menu;
cursor: help;
cursor: progress;
cursor: wait;
cursor: zoom-in;
cursor: zoom-out;
cursor: no-drop;
cursor: alias;
cursor: cell;
cursor: not-allowed;
cursor: all-scroll;
cursor: grab;
cursor: grabby;
cursor: auto;

</body>
</html>

The example of cursor property

cursor: pointer;

cursor: crosshair;

cursor: copy;

cursor: move;

cursor: text;

cursor: vertical-text;

cursor: e-resize;

cursor: n-resize;

cursor: ne-resize;

cursor: nw-resize;

cursor: s-resize;

cursor: se-resize;

cursor: sw-resize;

cursor: w-resize;

cursor: ew-resize;

cursor: ns-resize;

cursor: nesw-resize;

cursor: nwse-resize;

cursor: col-resize;

cursor: row-resize;

cursor: context-menu;

cursor: help;

cursor: progress;

cursor: wait;

cursor: zoom-in;

cursor: zoom-out;

cursor: no-drop;

cursor: alias;

cursor: cell;

cursor: not-allowed;

cursor: all-scroll;

cursor: grab;

cursor: grabby;

cursor: auto;