◆ cursor カーソル ◆


 オブジェクトに対して、マウスを重ねたときに表示される「マウスポインターの形状」を指定します。

<html>タグ
<span style="cursor:pointer;">指</span>
ブラウザ
 ←マウスを重ねてみて下さい。
ポインター属性値※※意味対応仕様
arrow.gifdefault標準的なカーソル(矢印)CSS2
text.gifautoブラウザが自動的に選択CSS2
text.giftextテキスト範囲の指定(Iビーム)CSS2
crosshair.gifcrosshair十字CSS2
pointer.gifpointerアンカーを示す形状(指)CSS2
move.gifmove移動CSS2
n-resize.gifn-resize上方向にリサイズ(↑)CSS2
n-resize.gifs-resize下方向にリサイズ(↓)CSS2
e-resize.gifw-resize左方向にリサイズ(←)CSS2
e-resize.gife-resize右方向にリサイズ(→)CSS2
nw-resize.gifnw-resize左上方向にリサイズ(‾\)CSS2
nw-resize.gifse-resize右下方向にリサイズ(\_)CSS2
ne-resize.gifne-resize右上方向にリサイズ(/‾)CSS2
ne-resize.gifsw-resize左下方向にリサイズ(_/)CSS2
wait.gifwait処理中CSS2
help.gifhelpヘルプCSS2
neconote.gifurl('neconote.cur')オリジナルのカーソル※※※CSS2
progress.gifprogress進行中CSS2.1で追加
pointer.gifhandIE4以上独自拡張
all-scroll.gifall-scrollページスクロールIE6以上独自拡張
row-resize.gifrow-resize行のリサイズIE6以上独自拡張
col-resize.gifcol-resize列のリサイズIE6以上独自拡張
no-drop.gifno-dropドロップ禁止IE6以上独自拡張
not-allowed.gifnot-allowed禁止IE6以上独自拡張
vertical-text.gifvertical-text縦書きテキスト範囲の指定IE6以上独自拡張

WindowsXPにおけるIE7のマウスポインターです。影はつけていません。
※※ 各属性値にマウスポインターを重ねると、マウスポインターの形状が変化します。
※※※ curファイルの作成には、【KH IconStudio2007】シェアウェア1,680円(税込)がお勧めです。



Valid HTML 4.01 Transitional presented by