CSSカーソルジェネレーター
cursor プロパティの全カーソルタイプをプレビュー。マウスを乗せてカーソルの見た目を確認できます。
プレビューエリア
マウスを乗せてカーソルを確認
現在: pointer
生成されたCSS
cursor: pointer;
カーソルタイプ一覧
auto
ブラウザが自動で決定
default
デフォルトのカーソル
pointer
リンクやボタンなどのポインター
text
テキスト選択用
wait
待機中（砂時計など）
help
ヘルプ用
move
移動可能
crosshair
十字カーソル
not-allowed
禁止マーク
grab
つかむ（開いた手）
grabbing
つかんでいる（閉じた手）
zoom-in
ズームイン
zoom-out
ズームアウト
progress
進行中（矢印+砂時計）
cell
セル選択用
context-menu
コンテキストメニュー
vertical-text
縦書きテキスト用
alias
エイリアス作成用
copy
コピー用
no-drop
ドロップ不可
col-resize
列サイズ変更（横）
row-resize
行サイズ変更（縦）
n-resize
北方向リサイズ
e-resize
東方向リサイズ
s-resize
南方向リサイズ
w-resize
西方向リサイズ
ne-resize
北東方向リサイズ
nw-resize
北西方向リサイズ
se-resize
南東方向リサイズ
sw-resize
南西方向リサイズ
ew-resize
東西方向リサイズ
ns-resize
南北方向リサイズ
nesw-resize
北東-南西リサイズ
nwse-resize
北西-南東リサイズ
all-scroll
全方向スクロール
使い方
- • 各カーソルタイプをクリックして選択します
- • マウスを乗せると実際のカーソルの見た目を確認できます
- • プレビューエリアで選択したカーソルを確認できます
- • CSSコードをコピーしてプロジェクトで使用できます