<cursor>
非推奨;: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。
メモ:
この要素の代わりに CSS の cursor
プロパティを使用してください。
<cursor>
は SVG の要素で、プラットフォームに依存しないカスタムカーソルを定義するために使用することができます。プラットフォームに依存しないカスタムカーソルを定義するために推奨される手法は、 PNG 画像を作成した上で、 PNG 画像を参照する cursor
要素を定義し、画像内でポインター位置(すなわち、ホットスポット)である正確な位置を特定するすることです。
PNG 形式が推奨されるのは、アルファチャンネルによって透過マスクを定義する機能に対応しているからです。別の画像形式を使用する場合、この形式は透過マスクを定義することに対応している必要があります(明示的にアルファチャンネルを提供するか、具体的なピクセル色を使用して透過率を示すかの 2 つの選択肢があります)。透過マスクが指定できる場合、マスクはカーソルの形状を定義します。そうでない場合、カーソルは不透明の長方形になります。通常、他のピクセル情報(例えば、R、G、B チャンネル)は、カーソルのマスクされていない部分の色を定義します。カーソルがほとんどの背景で見えるように、カーソルは通常 2 色以上を含むことに注意してください。
使用コンテキスト
カテゴリー | 無し |
---|---|
許可されている内容 | 任意の数、任意の順序の以下の要素。 説明的要素 |
属性
x
非推奨;y
非推奨;xlink:href
非推奨;
DOM インターフェイス
この要素は SVGCursorElement
インターフェイスを実装しています。
仕様書
Specification |
---|
Scalable Vector Graphics (SVG) 1.1 (Second Edition) # CursorElement |
ブラウザーの互換性
BCD tables only load in the browser