ココのスタイルシートで遊びませんか[カーソルの指定]

カーソルの指定
(cursor)

カーソルの種類はＯＳによっても異なります。また、同じWindowsでも、自分で設定を変えてしまうこともできます。Windowsでの標準的なカーソルは、下の[表示例]のようになると思います。

cursor:値;

□(水色の背景)内の文字にカーソルを当てて、チェックしてみてください。先頭の auto は、このように書かれています。
HEAD部.auto {cursor:auto;}　BODY部class="auto"

値	表示例
auto	&
crosshair
default
help
move
pointer
text
wait
n-resize
ne-resize
e-resize
nw-resize
s-resize
sw-resize
w-resize
se-resize

このページのHEAD部には以下のようにスタイルの宣言をしています。

<style type="text/css">
<!--
.auto {cursor:auto;}
.crosshair{cursor:crosshair;}
.default {cursor:default;}
.e-resize{cursor:e-resize;}
.help {cursor:help;}
.move {cursor:move;}
.n-resize {cursor:n-resize;}
.ne-resize {cursor:ne-resize;}
.nw-resize {cursor:nw-resize;}
.pointer {cursor:pointer;}
.s-resize {cursor:s-resize;}
.se-resize {cursor:se-resize;}
.sw-resize {cursor:sw-resize;}
.text {cursor:text;}
.w-resize {cursor:w-resize;}
.wait {cursor:wait;}
-->
</style>

| Back | Coco's Home | ココのスタイルシートで遊びませんか(Top) |

カーソルの指定(cursor)

カーソルの指定
(cursor)