CSSによるカーソルの変更について

Question

CSSについてです。

 cursor1.style.cursor = "url(flower.png) 4 12, crosshair";

このように記述するとカーソルはうまく自分が指定した画像に変わりました。

しかし、

 cursor1.style.cursor = "url(flower.png)";

これだけだとうまく表示されませんでした。urlのあとに既存のカーソルの形を入れないといけないようなそんな
カーソルの変更におけるルールがあるのでしょうか？

教えていただけると幸いです。

また、一番上のコードについて、urlのあとに２つの数字がありますがこれは何を意味しているのでしょうか？平行してご返答いただけると幸いでございます。

Comments

[kei344]

過去の質問について、「解決済」になっていないものが多数見受けられます。解決したものは「ベストアンサー」を選び、自力で解決した場合はその方法を解答欄に書き、もし万が一解決していないのであれば質問に状況を追記するなどしてみてください。

Answer 1

urlのあとの２つの数字はカーソルの照準で、ホットスポットと言われます。
左上端が(0,0)の座標で指定します。

カンマの後のcrosshairはURLが読み込めなかった場合の代替表示です。

ホットスポットは以下のように省略できます。その場合の照準は左上になります。
逆に、autoやcrosshairといったキーワードを、一つ指定する必要があります。

cursor1.style.cursor = "url(flower.png), auto";

Comments

[prog.henry]

必ずautoとかを指定しなければならなかったんですね。

ご返信ありがとうございました。