いろいろなカーソル

※ 太文字の上にマウスをあててください。カーソルが変わります。

list_mark 自動選択されたカーソル
<span style="cursor:auto;">ここに文字</span>
list_mark 標準型カーソル
<span style="cursor:defalut;">ここに文字</span>
list_mark リンクカーソル
<span style="cursor:pointer;">ここに文字</span>
list_mark 十字カーソル
<span style="cursor:crosshair;">ここに文字</span>
list_mark 移動カーソル
<span style="cursor:move;">ここに文字</span>
list_mark テキスト編集用カーソル
<span style="cursor:text;">ここに文字</span>
list_mark 待機・処理中カーソル
<span style="cursor:wait;">ここに文字</span>
list_mark ヘルプカーソル
<span style="cursor:help;">ここに文字</span>
list_mark 進行中カーソル
<span style="cursor:progress;">ここに文字</span>
list_mark 東方向のリサイズカーソル
<span style="cursor:e-resize;">ここに文字ル</span>
list_mark 南方向のリサイズカーソル
<span style="cursor:s-resize;">ここに文字</span>
list_mark 西方向のリサイズカーソル
<span style="cursor:w-resize;">ここに文字</span>
list_mark 北方向のリサイズカーソル
<span style="cursor:n-resize;">ここに文字</span>
list_mark 北西方向のリサイズカーソル
<span style="cursor:nw-resize;">ここに文字</span>
list_mark 北東方向のリサイズカーソル
<span style="cursor:ne-resize;">ここに文字</span>
list_mark 南東方向のリサイズカーソル
<span style="cursor:se-resize;">ここに文字</span>
list_mark 南西方向のリサイズカーソル
<span style="cursor:sw-resize;">ここに文字</span>
list_mark 指型カーソル
<span style="cursor:hand;">ここに文字</span>
list_mark ドロップ禁止カーソル
<span style="cursor:no-drop;">ここに文字</span>
list_mark 全スクロールカーソル
<span style="cursor:all-scroll;">ここに文字</span>
list_mark 横方向のリサイズカーソル
<span style="cursor:col-resize;">ここに文字</span>
list_mark 縦方向のリサイズカーソル
<span style="cursor:row-resize;">ここに文字</span>
list_mark 禁止カーソル
<span style="cursor:not-allowed;">ここに文字</span>
list_mark 縦書きカーソル
<span style="cursor:vertical-text;">ここに文字</span>
list_mark アニメカーソル
<span style="cursor:url(カーソルのURL),auto;">ここに文字</span>

※ url(カーソルのURL)で任意のカーソルファイルを指定できます。(ファイルの拡張子は「.cur」か「.ani」)
※ アニメーションカーソルはこちらにあります。

■ 注意 ■
マウスカーソルの形にはそれぞれ意味があり、本来の形と異なる表示をさせることは、 利用者の混乱を招きかねないのであまりお勧めできません。 ですので、1つの例としてお受け止めくださり多用はお控えになった方が宜しいでしょう。

上に戻る