マウスカーソルの形状を変える

■動作ブラウザ　【 IE:4.0　 NN:6.0　 Safari:1.0】　■CSSバージョン【1】

	3.0x	4.0x	4.5	5.0x	5.5	6.0	2.0x	3.0x	4.0x	4.x	6.0	7.0	2.x	1.x
	Internet Explorer						Netscape Navigator						iCab	Safari
Windows	×	○	-	○	○	○	×	×	×	×	○	○	-	-
Macintosh	×	×	×	○	-	-	×	×	×	×	○	○	×	○
UNIX	-	-	-	-	-	-	×	×	×	×	○	○	-	-

ポイント

a:hover { cursor:crosshair; }

説　　明

マウスカーソルの形状を変えるにはcursorプロパティに表示したいカーソル形状を指定します。Inernet Explorer 6の場合、以下の形状を指定できます。

all-scroll
auto
col-resize
crosshair
default
hand
help
move

no-drop
not-allowed
pointer
progress
row-resize
text
url(uri)
vertical-text
wait

n-resize
ne-resize
nw-resize
s-resize
se-resize
sw-resize
e-resize
w-resize

サンプル

<html>
<head>
<title>マウスカーソルの形状を変える</title>
<style type="text/css"></style>
</head>
<body>
<a href="#">ここにマウスを乗せると形状が変わります</a>
</body>
</html>

補足説明

なし

■サンプルを実行する　>>実行
■各ブラウザでの動作結果を見る　>>View!