Qraft(クラフト) 資格・学習クイズアプリ

CSS基礎 練習問題 42:カーソルの形状変更

リンクではない特定の要素にマウスカーソルを合わせた際、クリックできることをユーザーに伝えるためにカーソルの形状を「指のマーク(ポインター)」に変更したい場合、正しいCSSの記述はどれか。

  1. mouse: pointer;
  2. cursor: pointer;
  3. pointer: hand;
  4. hover: pointer;
  5. action: click;
正解と解説を見る
正解:cursor: pointer;

マウスカーソルを指のマーク(ポインター)に変更するには「cursor: pointer;」が正解です。

【正解の理由】
「cursor」プロパティはマウスポインターの形状を指定するもので、「pointer」を指定するとリンクにホバーした際と同じ指のマークになります。

【不正解の理由】
• 「mouse: pointer;」というプロパティはCSSに存在しない
• 「pointer: hand;」というプロパティはCSSに存在しない
• 「hover: pointer;」は疑似クラスのような書き方と値が混ざった無効な記述である
• 「action: click;」というプロパティはCSSに存在しない

← 前の問題問題一覧次の問題 →
アプリで解いてレーティングを上げる(無料・登録不要)