カーソルの変更
(cursor)
いま私が使用しているＰＣの環境では、文字の上にカーソルを当てると
のイメージに、文字の無いブランク部分では
に、リンク個所では
になっています。これらカーソルの形をスタイルシートで変えることができます。
のイメージに、文字の無いブランク部分ではに、リンク個所ではになっています。これらカーソルの形をスタイルシートで変えることができます。
(IE6.0とN6.2では正常に表示されますが、NC4.73では反映されません)
cursor:値;
下の枠の中にカーソルを当ててみてください。変化が起こりますでしょうか？
砂時計になりますか？
カーソルの向きが一文字ごとに変わりますか？
上の「ここにカーソルを！」では、このように書かれています。
<head>での記述は↓
| ここにカーソルを！ |
| カーソルを移動して |
上の「ここにカーソルを！」では、このように書かれています。
<head>での記述は↓
<style type="text/css">
<!--
.wait{cursor:wait;}
-->
</style>
<!--
.wait{cursor:wait;}
-->
</style>
<body>での記述は下のようになっています。
<table border="3" bgcolor="#00DDDD">
<tr><td><font size="6">
<SPAN class="wait">ここにカーソルを！</SPAN>
</font></td></tr>
</table>
<tr><td><font size="6">
<SPAN class="wait">ここにカーソルを！</SPAN>
</font></td></tr>
</table>
class="wait" でWindowsでは砂時計が表示されます(ブラウザの種類やバージョン、さらにＯＳによって異なる可能性もあります)。
カーソルの表示を変えて、何の効果があるのでしょうか。ちょっと人を驚かす効果はあるかもしれませんが・・・
大して役に立ちそうもありませんね。でも、カーソルの表示はＯＳやブラウザによって、それぞれ変わってしまうのです。だからこそ取扱説明を書くときに便利そうです。個々のコンピュータに合わせた表現が自動的にできるのですから。
大して役に立ちそうもありませんね。でも、カーソルの表示はＯＳやブラウザによって、それぞれ変わってしまうのです。だからこそ取扱説明を書くときに便利そうです。個々のコンピュータに合わせた表現が自動的にできるのですから。
を使用しています)を参照してください。| | Back | Coco's Home | ココのスタイルシートで遊びませんか(Top) | |
Copyright 2001-2002 Coco's Home. All rights reserved.