The Complete List of Built-In CSS Cursor Values

General

• auto — the browser decides based on context (the default for most elements).
• default — the platform's standard arrow cursor.
• none — hides the cursor entirely.

Links and Status

• pointer — the hand icon, indicating a clickable link or button.
• help — a question mark, indicating help is available.
• progress — indicates the page is working in the background while remaining interactive.
• wait — indicates the whole interface is busy and temporarily unavailable.
• context-menu — indicates a context menu is available.

Selection

• text — indicates text can be selected (the standard I-beam).
• vertical-text — the vertical variant of the text cursor.
• cell — indicates a spreadsheet-style cell can be selected.
• crosshair — a precise crosshair, often used for selection tools.

Drag and Drop

• grab — indicates an element can be picked up and dragged.
• grabbing — indicates an element is currently being dragged.
• move — indicates an element can be moved.
• copy — indicates a copy operation will occur.
• alias — indicates a shortcut or alias will be created.
• not-allowed — indicates the requested action isn't permitted.
• no-drop — indicates the dragged item can't be dropped here.

Resizing and Scrolling

• col-resize / row-resize — indicates a column or row can be resized.
• n-resize, e-resize, s-resize, w-resize — directional resize handles.
• ne-resize, nw-resize, se-resize, sw-resize — diagonal resize handles.
• ew-resize, ns-resize — bidirectional horizontal or vertical resize.
• nesw-resize, nwse-resize — bidirectional diagonal resize.
• all-scroll — indicates content can be scrolled in any direction.

Zooming

• zoom-in — indicates content can be zoomed in.
• zoom-out — indicates content can be zoomed out.