cursor

インタラクション・UX

要素にマウスを重ねた時のカーソルの形状を指定するプロパティです。

構文

Syntax
cursor: <cursor-type>

コード例

1

cursor: pointer;
実行結果

手の形のカーソル(クリック可能要素)

2

cursor: not-allowed;
実行結果

禁止マークのカーソル(無効要素)

💡 TIPS

ユーザビリティ向上のため、クリック可能な要素には必ずpointerを設定。

ブラウザサポート

全ブラウザ対応