カテゴリー
CSS cursor

【CSS】cursor:マウスカーソルの表示方法を指定する

(例)【CSS】cursorの使用方法

See the Pen
cursor
by linlin (@linlin098765)
on CodePen.

<ol>
<li style="cursor: auto">auto:ブラウザが自動的に選択したカーソル</li>
<li style="cursor: default">default:矢印型</li>
<li style="cursor: pointer">pointer:リンクカーソル</li>
<li style="cursor: crosshair">crosshair:十字カーソル</li>
<li style="cursor: move">move:移動カーソル</li>
<li style="cursor: text">text:テキスト編集カーソル</li>
<li style="cursor: wait">wait:待機・処理中カーソル</li>
<li style="cursor: help">help:ヘルプカーソル</li>
<li style="cursor: n-resize">n-resize:北方向のカーソル</li>
<li style="cursor: s-resize">s-resize:南方向の
カーソル</li>
<li style="cursor: w-resize">w-resize:西方向のカーソル</li>
<li style="cursor: e-resize">e-resize:東方向のカーソル</li>
<li style="cursor: ne-resize;">ne-resize:北東方向のカーソル</li>
<li style="cursor: nw-resize;">nw-resize:北西方向のカーソル</li>
<li style="cursor: se-resize">se-resize:南東方向のカーソル</li>
<li style="cursor: sw-resize;">sw-resize:南西方向のカーソル</li>
  <li style="cursor: progress">progress進行中カーソル</li>
<li style="cursor: hand">hand:指型カーソル</li>
<li style="cursor: no-drop">no-drop:ドロップ禁止カーソル</li>
<li style="cursor: all-scroll">all-scroll:全スクロールカーソル</li>
<li style="cursor: col-resize">col-resize:横方向のカーソル</li>
<li style="cursor: row-resize">row-resize:縦方向のカーソル</li>
<li style="cursor: not-allowed">not-allowed:禁止カーソル</li>
<li style="cursor: vertical-text">vertical-text:縦書きカーソル</li>
</ol>

【CSS】cursor:マウスカーソルの表示方法を指定する

 CSSのcursorは、マウスカーソルの表示方法を指定するプロパティです。ファイルで「.CUR」「.ANI」の拡張子であれば、オリジナルカーソルが使用可能です。