Cursorプロパティとは何ですか?

Cursorプロパティとは何ですか?

cursorプロパティは、要素の上にマウスポインタがあるときのカーソルの形状を指定するために使用されます。CSSでは多くのカーソルスタイルを指定できます。このプロパティを活用することで、ユーザーエクスペリエンスを向上させることができます。

カーソルスタイルの例

以下のコードは、要素上にマウスカーソルが来た時に、通常のポインタから手の形(クリックできることを示唆する)に変わる例です。


    <!DOCTYPE html>
    <html lang="ja">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>カーソルスタイルの例</title>
        <style>
            .clickable {
                cursor: pointer; /* 手の形のカーソル */
            }
        </style>
    </head>
    <body>
        <div class="clickable">このテキストの上にカーソルを合わせると手の形になります。</div>
    </body>
    </html>
    

参考文献

より詳細な情報や他のスタイルオプションについては、以下の参考文献をご覧ください。

その他の参考記事:css cursor