CSS Cursor Property

CSS 1

CSS 2

CSS 3
No Yes Yes

Description

Specifies the type of cursor to be displayed by the mouse when it's placed over an element.

Syntax

cursor: [value];

Possible values

  • auto - changes depending on the situation
  • crosshair
  • default
  • help
  • move
  • n-resize
  • ne-resize
  • e-resize
  • se-resize
  • s-resize
  • sw-resize
  • w-resize
  • nw-resize
  • text
  • pointer
  • progress
  • wait
  • [URI] - custom made cursor

Initial Value

Auto

Applies To

All elements

Inherited

Yes

Media

Visual, Interactive

Example

.help { cursor: help; }
.custom { cursor:url(mycursor.cur), pointer; }

Visual Example

Hover over a keyword to get a preview of the cursor.
default crosshair help move n-resize ne-resize e-resize se-resize s-resize sw-resize w-resize nw-resize text pointer progress wait [URI]

View All CSS Properties