cursorプロパティでカーソル形状の変更の方法と値一覧について【CSS】

CSSのcursorプロパティでカーソルの形状を変更する事ができます。
今回は、変更の仕方と値の一覧を解説していきます。

cursorプロパティの使い方

cursorプロパティを使うと、カーソルの形状を変更する事ができます。
基本的な記述の仕方は以下のようになります。

セレクタ {
    cursor: 値;
}

上記のように、簡単に記述でカーソルの形状を変更する事が可能です。
指定出来る値については次項をご覧ください。

指定出来る値一覧

cursorプロパティで指定出来る値は以下となります。
PCの場合は表の中の値名にカーソルをあてると実際にカーソルが変わります。

このように様々なカーソルが用意されています。
よく使用するのはauto、default、noneになるかと思いますが、場面によっては効果的に使用できるものもありそうです。

さいごに

いかがでしたでしょうか。
今回は、cursorプロパティでカーソル形状の変更の方法と値一覧について解説しました。
すべて覚えておく必要はありませんが、よく使用するものだけ把握しておくようにしましょう。