Caution

お使いのブラウザはJavaScriptが実行できない状態になっております。
当サイトはWebプログラミングの情報サイトの為、
JavaScriptが実行できない環境では正しいコンテンツが提供出来ません。
JavaScriptが実行可能な状態でご閲覧頂くようお願い申し上げます。

CSSプロパティ辞典

cursor

対象となる要素の上にマウスカーソル(マウスポインタ)があるときのマウスカーソルのデザインを変更します。

このプロパティはOSや閲覧しているブラウザによってデザインの差が大きい場合が多々あります。尚、閲覧しているブラウザによっては実行できない値もございますのでご注意ください。

サンプルコード
div.test { cursor: auto;}
div.test1 { cursor: default;}
div.test2 { cursor: help;}
指定可能な値一覧
概要
auto要素や内容によってカーソルデザインをブラウザが自動決定します。この『auto』が初期値です。
default規定の矢印カーソルへと変更します。
noneマウスカーソルを表示しません。
context-menuカーソル下にコンテキストメニューを表示します。
helpカーソルをはてなマークに変更します。
pointerカーソルを指さしマークに変更します。
progressプログラムがビジー状態であるかのようなカーソルに変更します。
waitプログラムがビジー状態であるかのようなカーソルに変更します。
cellエクセルのようなセルが選択可能であるかのようなカーソルへ変更します。
crosshair十字のカーソルへ変更します。
text横書きのテキストが選択可能であるかのようなカーソルへ変更します。
vertical-text縦書きのテキストが選択可能であるかのようなカーソルへ変更します。
aliasエイリアス(ショートカット)を示すようなカーソルへ変更します。
copy何らかのコピー動作が可能であるかのようなカーソルへ変更します。
move上下左右に動かせるようなカーソルへと変更します。
no-dropドロップ動作が禁止であるかのようなカーソルへ変更します。
not-allowed何らかの操作が禁止であるかのようなカーソルへ変更します。
all-scroll任意の方向にスクロールできるかのようなカーソルへと変更します。
col-resize水平方向にリサイズできるかのようなカーソルへと変更します。
row-resize垂直方向にリサイズできるかのようなカーソルへと変更します。
n-resizeカーソルを上方向の矢印へと変更します。
e-resizeカーソルを右方向の矢印へと変更します。
s-resizeカーソルを下方向の矢印へと変更します。
w-resizeカーソルを左方向の矢印へと変更します。
ne-resizeカーソルを右上方向の矢印へと変更します。
nw-resizeカーソルを左上方向の矢印へと変更します。
se-resizeカーソルを右下方向の矢印へと変更します。
sw-resizeカーソルを左下方向の矢印へと変更します。
ew-resizeカーソルを左右方向の矢印へと変更します。
ns-resizeカーソルを上下方向の矢印へと変更します。
nesw-resizeカーソルを右上、左下方向の矢印へと変更します。
nwse-resizeカーソルを左上、右下方向の矢印へと変更します。
zoom-inズームインできるかのようなカーソルへと変更します。
zoom-outズームアウトできるかのようなカーソルへと変更します。
対応ブラウザ
IE6 IE7 IE8 IE9 IE10 IE11 Safari Chrome Firefox Opera

iPhone Safari Android2系 標準ブラウザ Android4系 標準ブラウザ

記事の間違いや著作権の侵害等ございましたらお手数ですがこちらまでご連絡頂ければ幸いです。