備忘録的プログラミングリファレンス

cursorプロパティ(マウスポインタ)

 cursorプロパティは、マウスポインタの形状を指定するプロパティです。エレメントごとにマウスポインタの形状が変えられます。

構文(Syntax)

CSS

cursor: auto | cursor_name | initial | inherit ;

DOM(JavaScript)

値の取得
String = object.style.cursor;
値の設定
object.style.cursor=" auto | cursor_name | initial | inherit ";

 cursor_nameは以下のValueを参照してください。

Values

 マウスポインタの形状については各名称の上にマウスポインタをもっていってみてください。

Value(cursor_name)摘要
auto初期値(default値)
alias
all-scroll
cell
context-menu
col-resize
copy
crosshair
default
e-resize
ew-resize
grab
grabbing
help
move
n-resize
ne-resize
nesw-resize
ns-resize
nw-resize
nwse-resize
no-drop
none
not-allowed
pointer
progress
row-resize
s-resize
se-resize
sw-resize
text
URLURLで指定されたカーソル
vertical-text
w-resize
wait
zoom-in
zoom-out
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)auto
継承(Inherited)Yes
CSS AnimationNo