構文
cursor : 形状;
説明文
「cursor」は,スタイルシートが設定された要素上にマウス・カーソルが置かれたときやJavaScriptなどで,指定したマウス・ポインタの形状に変更する。以下の表のようなマウスの形状を指定できる。
形状 | 意味 | マウス・ポインタの例 |
---|---|---|
auto | Webブラウザが自動的にマウス・ポインタの形状を決定する | |
default | 通常時のマウス・ポインタ | |
closshair | 十字形のマウス・ポインタ | |
pointer | リンク上でのマウス・ピン他 | |
move | 移動の際のマウス・ポインタ | |
e-resize | 右側でのサイズ変更のマウス・ポインタ | |
w-resize | 左側でのサイズ変更のマウス・ポインタ | |
n-resize | 上側でのサイズ変更のマウス・ポインタ | |
s-resize | 下側でのサイズ変更のマウス・ポインタ | |
ne-resize | 右上側でのサイズ変更のマウス・ポインタ | |
nw-resize | 左上側でのサイズ変更のマウス・ポインタ | |
se-resize | 右下側でのサイズ変更のマウス・ポインタ | |
sw-resize | 左下側でのサイズ変更のマウス・ポインタ | |
text | テキスト入力の際のマウス・ポインタ | |
wait | 待機時のマウス・ポインタ | |
help | ヘルプがある際のマウス・ポインタ | |
url("画像") | 指定した画像がマウス・ポインタに付加される | < |