HTML and CSS

CSS Cursors

What is the cursor property in CSS

The cursor property in CSS allows you to change the mouse cursor appearance when hovering over an element. Here are some common values you can use:

cursor: alias;
 
cursor: all-scroll;
 
cursor: cell;
 
cursor: col-resize;
 
cursor: copy;
 
cursor: crosshair;
 
cursor: default;
 
cursor: e-resize;
 
cursor: ew-resize;
 
cursor: grab;
 
cursor: grabbing;
 
cursor: help;
 
cursor: move;
 
cursor: n-resize;
 
cursor: ne-resize;
 
cursor: nesw-resize;
 
cursor: nw-resize;
 
cursor: nwse-resize;
 
cursor: no-drop;
 
cursor: none;
 
cursor: not-allowed;
 
cursor: pointer;
 
cursor: progress;
 
cursor: row-resize;
 
cursor: text;
 
cursor: w-resize;
 
cursor: zoom-in;
 
cursor: zoom-out;