CSS Cursors

The CSS property cursor determines what the mouse cursor will look like when you move it over an element.

Below, you see all 36 different cursors that currently exist. For each cursor its property name and an example screenshot are included. Note: the screenshots are for Chrome on OSX. Move the mouse over the cursor image to see an actual browser version of the cursor.

General

• auto
• default
• none

Links & status

• context-menu
• help
• pointer
• progress
• wait

Selection

• cell
• crosshair
• text
• vertical-text

Drag and drop

• alias
• copy
• move
• no-drop
• not-allowed

Resize & scrolling

• 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

• zoom-in
• zoom-out

Grab

• grab
• grabbing