← Back to properties

CSS Property

cursor

UI

Sets the mouse cursor appearance when hovering over an element.

Syntax

cursor: value;

Example

cursor: pointer;

Common use cases

  • pointer on clickable elements
  • not-allowed on disabled buttons
  • grab and grabbing on draggable elements

Practical developer insight

Set cursor: pointer on non-native clickable elements like divs or spans to match user expectations. Native buttons and links already have it by default.

Related properties

:hover:disabled