cursorカーソル形状の指定
div { cursor: pointer;}auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help
auto自動
crosshair十字カーソル
default標準カーソル
pointerアンカー上にあるときのカーソル
move移動可能な対象上にあるときのカーソル
e-resizeウィンドウの大きさ変更(右方向)
ne-resizeウィンドウの大きさ変更(右上方向)
nw-resizeウィンドウの大きさ変更(左上方向)
n-resizeウィンドウの大きさ変更(上方向)
se-resizeウィンドウの大きさ変更(右下方向)
sw-resizeウィンドウの大きさ変更(左下方向)
s-resizeウィンドウの大きさ変更(下方向)
w-resizeウィンドウの大きさ変更(左方向)
text文字の範囲指定のカーソル
wait時間待ちのカーソル
helpヘルプの利用可能を示すカーソル
・OS等によりカーソル形状は変わる。
・上のカーソルはWindows7のもの
カーソル形状を確認する
div { cursor: url(a.gif);} url(カーソル画像のURL)
カーソル形状を指定します。
適用範囲:すべての要素
継承:する
初期値:auto
レベル:CSS_1.0:× CSS_2.0:○