マウスカーソルの形状を変える
CSSの書き方
cursor:値 ;
|
|||||||||||||||||||||||||||||||||||||||||
解説
「cursor」プロパティは、ページ上で表示されるマウスポインタ(カーソル)の種類を変えることができるスタイルシートです。通常、マウスカーソルは矢印で表示されますが、リンクの上にきたときや入力中のはそれぞれ異なる種類のカーソルが表示されるはずです。これらカーソルの種類を要素ごとに変えることができます。
値
「cursor」プロパティで指定できるカーソルの種類に割り当てられた値は、以下の表のようになっています。以下はWindows系のOSのポインタの一例です。OSやブラウザによって表示されるカーソルの形状は異なります。
|
IE独自のカーソル
また、以下の表はInternetExplorer6.0限定のカーソルです。IEの6.0以外のバージョン、または他のブラウザには対応していません。
|
CSS/HTMLサンプル
p { cursor:crosshair; width:400px; background-color:#ffdff9; }
マウスポインタが段落要素の上にきたときカーソル形状を十字に サンプル
