　カーソルを指定する

■cursor:

指定できる値

キーワードで指定

crosshair move wait help text hand nw-resize n-resize ne-resize
w-resize e-resizes-resize sw-resize se-resize default auto

カーソルは通常矢印になっていますが、cursorプロパティを使えば任意のカーソルに変更することが出来ます。

値には、crosshairやse-resizeなどカーソルの種類を指定します。このページには、body { cursor:crosshair }というように、ページ全体のカーソルをcrosshairで指定しています。

ページ全体のカーソルだけではなく、リンク上の文字にカーソルが重なった時や、段落の文字の上にカーソルが重なった時なども、カーソルの種類を変えることが出来ます。

カーソルの表示例は、上に記入してあるそれぞれ値にカーソルを合わせると、その値を指定した場合のカーソルになりますので参考にして下さい。

サンプル - Microsoft Internet Explorer

helpです

HTML&CSS

<html>
<head>
<title>サンプル</title>
<style type="text/css">
<!--
body   { font-size:40px;
         cursor:crosshair ; }
-->
</style>
</head>
<body>
<span style="cursor:help;">helpです</span>
</body>
</html>