cursor
cursor プロパティは要素にカーソルを乗せたりクリックする等した時のカーソルの種類を指定するために使用します。
プロパティの詳細
- 値
- auto, crosshair, default, pointer, move, e-resize, ne-resize, n-resize, nw-resize, w-resize, sw-resize, s-resize, se-resize, ew-resize, ns-resize, nesw-resize, nwse-resize, text, wait, progress, help, context-menu, vertical-text, alis, copy, np-drop, not-allowed, col-resize, row-resize, all-scroll
- 初期値
- auto
- 対象
- 全ての要素
- 継承
- しない
- CSS レベル
- CSS 2.1, CSS3
値の詳細
- auto
- 自動的に決定
- crosshair
- 十時型
- default
- 通常の形（矢印）
- pointer
- リンク（指差す手）
- move
- 移動
- e-resize
ne-resize
n-resize
nw-resize
w-resize
sw-resize
s-resize
se-resize
ew-resize
ns-resize
nesw-resize
nwse-resize - nwse はそれぞれ東西南北を示し、指定した方向への移動を示す
- text
- テキスト入力
- wait
- 待機中（ビジー状態でユーザー操作不可）
- progress
- 進行中（ビジー状態でユーザー操作可能）
- help
- ヘルプ
- context-menu
- コンテキストメニュー
- vertical-text
- 縦書きテキスト入力
- alis
- エイリアスやショートカット作成可能
- copy
- コピー
- np-drop
- 現在位置にドロップ不可
- not-allowed
- 禁止
- col-resize
- 水平方向にサイズ変更可能
- row-resize
- 垂直方向にサイズ変更可能
- all-scroll
- 全方向スクロール可能
サンプル
p {
cursor: pointer;
}