cursor:
cursorプロパティはカーソルの形を設定するプロパティです
キーワードで指定していきます
| auto | ブラウザが自動選択 | |
| default | 通常のポインタ | ここでお試し |
| help | はてなマークがついたポインタ | ここでお試し |
| progress | データ処理中を示すポインタ | ここでお試し |
| wait | データ処理中待機を示すポインタ | ここでお試し |
| cell | セルを選択を示すポインタ | ここでお試し |
| context-menu | コンテキストメニューのアイコンが付いたポインタ | ここでお試し |
| pointer | リンクを示す指差しマークポインタ | ここでお試し |
| crosshair | 十字のポインタ | ここでお試し |
| text | テキストを選択を示すポインタ | ここでお試し |
| virtical-text | 縦書きテキストを選択を示すポインタ | ここでお試し |
| alias | ショートカットやエイリアスを作成可を示すポインタ | ここでお試し |
| copy | コピー可を示すポインタ | ここでお試し |
| move | 移動可を示すポインタ | ここでお試し |
| all-scroll | スクロール可を示すポインタ | ここでお試し |
| no-drop | ドラッグやドロップ禁止を示すポインタ | ここでお試し |
| not-allowed | 処理できないことを示すポインタ | ここでお試し |
| e-resize | 右方向にサイズ変更可を示すポインタ | ここでお試し |
| n-resize | 上方向にサイズ変更可を示すポインタ | ここでお試し |
| ne-resize | 右上方向にサイズ変更可を示すポインタ | ここでお試し |
| s-resize | 下方向にサイズ変更可を示すポインタ | ここでお試し |
| se-resize | 右下方向にサイズ変更可を示すポインタ | ここでお試し |
| nw-resize | 左上方向にサイズ変更可を示すポインタ | ここでお試し |
| w-resize | 左方向にサイズ変更可を示すポインタ | ここでお試し |
| sw-resize | 左下方向にサイズ変更可を示すポインタ | ここでお試し |
| ew-resize | 左右方向にサイズ変更可を示すポインタ | ここでお試し |
| ns-resize | 上下方向にサイズ変更可を示すポインタ | ここでお試し |
| nesw-resize | 右上左下方向にサイズ変更可を示すポインタ | ここでお試し |
| nwse-resize | 左上右下方向にサイズ変更可を示すポインタ | ここでお試し |
| row-resize | 行の高さがサイズ変更可を示すポインタ | ここでお試し |
| col-resize | 列の幅がサイズ変更可を示すポインタ | ここでお試し |
| zoom-in | 拡大可を示すポインタ | ここでお試し |
| zoom-out | 縮小可を示すポインタ | ここでお試し |
| grab | ドラッグできることを示すポインタ | ここでお試し |
| grabbing | ドラッグしているを示すポインタ | ここでお試し |
| none | ポインタを表示しない | ここでお試し |
また、規定のものではなく、オリジナルの画像を割り当てることもできます
| {cursor : url(「画像のurl」)「位置」;} |
| 「位置」は任意の数値で指定。単位は不要 |
| 数値一つで縦横 空白文字で区切って二つなら横・縦の順で指定 |
/*↓p要素のカーソルを指定*/
p {cursor: 「カーソルの種類」; }