エンジニアの覚え書き

web系エンジニアの技術メモを主に投稿していきます。

CSSのcursorプロパティを知らなかったので調べる

CSSは人のコードから拝借して実装することが多いので、CSSのプロパティを詳しく理解せず使っていることがよくある。その辺を解消するために、最近使ったcursorプロパティを調べたメモ。

cursorプロパティの値

/* キーワード値でカーソルの形を指定できる */
cursor: wait;
/ * カーソルの形は画像でも指定できる。URLが解決できなかった場合のフォールバックを指定する */
cursor: url("hoge.svg") url("fuga.png"), progress;
/* x, yでカーソルのクリック座標の位置を指定できる。カーソルの左上が基準座標。 */
cursor: url("hoge.svg") 3 3, auto;

参考