cursorプロパティ。
CSSに於ける当該要素上で表示されるカーソル・cursorプロパティに関する解説です。
cursorプロパティとは。
cursorプロパティは、当該要素上で表示されるカーソルです。
当該要素にカーソルがある場合にどのカーソルを表示させるかを指定します。
cursorプロパティの書式。
cursorプロパティの書式は、以下のようになります。
cursor: 値値としては、以下のものが取れます。
inherit- 一番近い上位要素で指定された値を継承します。
url(URI),… キーワード- 使用したいカーソルのデータを示すURIを「,」で区切って一つ以上指定し、最後にキーワードを記述します。
この場合、一番目から順に使えるものを撰び、利用可能なカーソルが無かった場合は最後にキーワードで指定されたカーソルを利用します。
- キーワード
- 利用したいカーソルをキーワード(後述)で指定します。
cursorプロパティで使えるキーワード。
cursorプロパティで使えるキーワード
には、以下のものから一つ撰びます。
auto- ユーザエージェントが適切なカーソルを判断します(デフォルト)。
crosshair- 十字印のカーソルを指定します。
default- プラットフォームに依り決められているデフォルトのカーソル(多くの場合矢印)を指定します。
pointer- アンカー上にある場合に使われるカーソル(多くの場合、アンカーを指し示す手)を指定します。
move- 移動可能なものに対するカーソル(ウィンドウズだと上下左右に矢印が付いた十字マーク)を指定します。
e-resize- 左方向にリサイズが可能なものに対するカーソルを指定します。
ne-resize- 左方向及び上方向にリサイズが可能なものに対するカーソルを指定します。
nw-resize- 右方向及び上方向にリサイズが可能なものに対するカーソルを指定します。
n-resize- 上方向にリサイズが可能なものに対するカーソルを指定します。
se-resize- 左方向及び下方向にリサイズが可能なものに対するカーソルを指定します。
sw-resize- 右方向及び下方向にリサイズが可能なものに対するカーソルを指定します。
s-resize- 下方向にリサイズが可能なものに対するカーソルを指定します。
w-resize- 右方向にリサイズが可能なものに対するカーソルを指定します。
text- マウス操作などで選択可能なテキスト上にあるカーソル(多くの場合縦棒)を指定します。
wait- 処理中に表示されるカーソル(時計や砂時計など)を指定します。
help- 説明文が出せる項目上にあるカーソル(？マークや吹出マークなど)を指定します。
cursorプロパティの記述例。
例えば、HTMLの<a>要素でクラス名secretを持つ要素において、カーソルを親要素で使われているカーソルをそのまま引き継ぎたい場合は、
a.secret:link, a:secret:visited {cursor: inherit;}
と記述します。
- この記述は
inherit値を認識しないインターネットエクスプローラでは無効になります。
cursorプロパティに関する注意事項。
cursorプロパティの実装上の注意。
ネットスケープ 4.xでの注意事項。
ネットスケープ 4.xでは、cursorプロパティは実装されておりません。
WAP 2.0での注意事項。
WAP 2.0では、cursorプロパティは定義されておりません。