CSS cursorプロパティ

エンジニアのためのWebチートシート

【図解付き】cursor: pointer以外にも、moveやgrabなどの知っておくと便利なcursorプロパティをチートシートにまとめてみました。

【頻出】cursorプロパティ

pointer

cursor: pointer;

grab

cursor: grab;

grabbing

cursor: grabbing;

cell

cursor: cell;

col-resize

cursor: col-resize;

row-resize

cursor: row-resize;

【準頻出】cursorプロパティ

help

cursor: help;

progress

cursor: progress;

wait

cursor: wait;

text

cursor: text;

move

cursor: move;

not-allowed

cursor: not-allowed;

zoom-in

cursor: zoom-in;

zoom-out

cursor: zoom-out;

url

cursor: url(https://web-cheatsheet.com/cursor-url.png);

【マニアック】cursorプロパティ

none

cursor: none;

context-menu

cursor: context-menu;

crosshair

cursor: crosshair;

vertical-text

cursor: vertical-text;

alias

cursor: alias;

copy

cursor: copy;

no-drop

cursor: no-drop;

all-scroll

cursor: all-scroll;

n-resize

cursor: n-resize;

e-resize

cursor: e-resize;

s-resize

cursor: s-resize;

w-resize

cursor: w-resize;

ne-resize

cursor: ne-resize;

nw-resize

cursor: nw-resize;

se-resize

cursor: se-resize;

sw-resize

cursor: sw-resize;

ew-resize

cursor: ew-resize;

ns-resize

cursor: ns-resize;

nesw-resize

cursor: nesw-resize;

nwse-resize

cursor: nwse-resize;