◇マウスカーソルの形を変える
マウスカーソルの形を変えるにはスタイルシートの「cursor」プロパティを指定します。
★ページ全体でカーソルの形を変える場合
<body ・・・ style="cursor:設定値">
★リンク部分だけカーソルの形を変える場合
<a href="・・・" style="cursor:設定値"> ・・・ </a>
★一定の範囲だけカーソルの形を変える場合
<div style="cursor:設定値">
（ここは文章でもテーブルでも何でもＯＫです。）
</div>
|
◇ 設定値 ◇
設定値
|
カーソルの形状
|
auto |
重なった部分に応じて自動的に変更する（デフォルト値）
|
default |
デフォルトのカーソル形状
|
crosshair |
十字のカーソル形状
|
pointer |
指先のカーソル形状
|
text |
テキスト用のカーソル形状
|
move |
十字矢印のカーソル形状
|
wait |
砂時計のカーソル形状
|
help |
デフォルト＋「？」のカーソル形状
|
n-resize |
上下の矢印、または上向きの矢印
|
s-resize |
上下の矢印、または下向きの矢印
|
w-resize |
左右の矢印、または右向きの矢印
|
e-resize |
左右の矢印、または左向きの矢印
|
nw-resize |
斜めの矢印、または左上向きの矢印
|
ne-resize |
斜めの矢印、または右上向きの矢印
|
sw-resize |
斜めの矢印、または左下向きの矢印
|
se-resize |
斜めの矢印、または右下向きの矢印
|
（設定値にマウスカーソルを重ねると形状を変えることができます）
|
