【CSS】cursor - カーソルのスタイル

CSSのcursorプロパティについて解説します。

検証環境

CSS

macOS

14.1

cursor

cursorは“カーソル（マウスなど）のスタイル”のプロパティです。

cursor: 値;

代表的な値は次の通りです。

sample.html

<style>
p {
    ___ih_hl_start
    cursor: help;
    ___ih_hl_end
}
</style>

<p>CSS : Cascading Style Sheets</p>

プレビュー

sample.html

<style>
p {
    ___ih_hl_start
    cursor: pointer;
    ___ih_hl_end
}
</style>

<p>CSS : Cascading Style Sheets</p>

プレビュー

sample.html

<style>
p {
    ___ih_hl_start
    cursor: progress;
    ___ih_hl_end
}
</style>

<p>CSS : Cascading Style Sheets</p>

プレビュー

sample.html

<style>
p {
    ___ih_hl_start
    cursor: wait;
    ___ih_hl_end
}
</style>

<p>CSS : Cascading Style Sheets</p>

プレビュー

sample.html

<style>
p {
    ___ih_hl_start
    cursor: text;
    ___ih_hl_end
}
</style>

<p>CSS : Cascading Style Sheets</p>

プレビュー