cursor

The cursor property specifies the type of cursor to display.

Formal Syntax

cursor = [<cursor-image>,]* <cursor-predefined> <cursor-image> = [ <url> | <url-set> ] [<number>{2}]? <cursor-predefined> = auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | 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-in | zoom-out

Initial value: auto
Applies to: all elements
Inherited: yes
Percentages: N/A
Computed value: as specified, except with any relative URLs converted to absolute
Animation type: discrete

See specification

Browser Support

standard | MDN · Spec

Feature	Chrome	Firefox	Safari	Edge
cursor	1	1	1.2	12
alias	1	1.5	3	12
all-scroll	1	1.5	3	12
auto	1	1	1.2	12
cell	1	1.5	3	12
col-resize	1	1.5	3	12
context-menu	1	1.5	3	12
copy	1	1.5	3	12
crosshair	1	1	1.2	12
default	1	1	1.2	12
e-resize	1	1	1.2	12
ew-resize	1	1.5	3	12
grab	68	27	11	14
grabbing	68	27	11	79
help	1	1	1.2	12
move	1	1	1.2	12
n-resize	1	1	1.2	12
ne-resize	1	1	1.2	12
nesw-resize	1	1.5	3	12
no-drop	1	1.5	3	12
none	5	3	5	12
not-allowed	1	1.5	3	12
ns-resize	1	1.5	3	12
nw-resize	1	1	1.2	12
nwse-resize	1	1.5	3	12
pointer	1	1	1.2	12
progress	1	1	1.2	12
row-resize	1	1.5	3	12
s-resize	1	1	1.2	12
se-resize	1	1	1.2	12
sw-resize	1	1	1.2	12
text	1	1	1.2	12
url	1	1.5	3	12
url_positioning_syntax	1	1.5	3	79
vertical-text	1	1.5	3	12
w-resize	1	1	1.2	12
wait	1	1	1.2	12
zoom-in	37	24	9	12
zoom-out	37	24	9	12

css.properties

cursor

Formal Syntax

Browser Support

Related Properties