各種カーソル：
span.crosshair
{
cursor: crosshair;
}
span.help
{
cursor: help;
}
span.wait
{
cursor: wait;
}
Try it Yourself ❯
cursor プロパティは、要素をポイントした時に表示されるカーソルの形状を指定します。
| デフォルト値： | auto |
|---|---|
| 継承： | 継承する |
| アニメーション可否： | 不可。animatable を参照 |
| バージョン： | CSS2 |
| JavaScript 構文： | object.style.cursor="crosshair" Try it |
表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。
| プロパティ | |||||
|---|---|---|---|---|---|
| cursor | 5.0 | 5.5 | 4.0 | 5.0 | 9.6 |
cursor: value;
| 値 | 説明 | Play it |
|---|---|---|
| alias | 何かのエイリアスが作成されることを示すカーソル | Play it ❯ |
| all-scroll | どの方向にもスクロールできることを示すカーソル | Play it ❯ |
| auto | デフォルト。ブラウザが設定するカーソル | Play it ❯ |
| cell | セル（またはセルの組）を選択できることを示すカーソル | Play it ❯ |
| context-menu | コンテキストメニューが使用可能である事を示すカーソル | Play it ❯ |
| col-resize | 列が横方向にリサイズ可能である事を示すカーソル | Play it ❯ |
| copy | 何かがコピーされる事を示すカーソル | Play it ❯ |
| crosshair | 十字形に表示されるカーソル | Play it ❯ |
| default | デフォルトのカーソル | Play it ❯ |
| e-resize | ボックスのエッジを右(東)に移動することを示すカーソル | Play it ❯ |
| ew-resize | 両方向へサイズ変更が可能である事を示すカーソル | Play it ❯ |
| grab | cursor indicates that something can be grabbed | Play it ❯ |
| grabbing | cursor indicates that something can be grabbed | Play it ❯ |
| help | ヘルプが利用できることを示すカーソル | Play it ❯ |
| move | ある物が移動されることを示すカーソル | Play it ❯ |
| n-resize | ボックスのエッジを上(北)に移動することを示すカーソル | Play it ❯ |
| ne-resize | ボックスのエッジを右上(北東)に移動することを示すカーソル | Play it ❯ |
| nesw-resize | 両方向へサイズ変更が可能である事を示すカーソル | Play it ❯ |
| ns-resize | 両方向へサイズ変更が可能である事を示すカーソル | Play it ❯ |
| nw-resize | ボックスのエッジを左上(北西)に移動することを示すカーソル | Play it ❯ |
| nwse-resize | 両方向へサイズ変更が可能である事を示すカーソル | Play it ❯ |
| no-drop | ドラッグした項目を現在の位置にドロップできないことを示すカーソル | Play it ❯ |
| なし | 要素にカーソルを表示しません | Play it ❯ |
| not-allowed | 要求のアクションが実行できないことを示すカーソル | Play it ❯ |
| pointer | ポインタおよびリンクを示すカーソル | Play it ❯ |
| progress | プログラムがビジー(処理中)であることを示すカーソル | Play it ❯ |
| row-resize | 行が縦方向にリサイズ可能であることを示すカーソル | Play it ❯ |
| s-resize | ボックスのエッジを下(南)に移動することを示すカーソル | Play it ❯ |
| se-resize | ボックスのエッジを右下(南東)に移動することを示すカーソル | Play it ❯ |
| sw-resize | ボックスのエッジを左下(南西)に移動することを示すカーソル | Play it ❯ |
| text | テキストの選択が可能である事を示すカーソル | Play it ❯ |
| URL | カスタム・カーソルへのカンマ区切りの URL のリスト。 注: URL で定義したカーソルが使用できない場合を考慮し、常にリストの最後に一般的なカーソルを指定してください | Play it ❯ |
| vertical-text | 縦書きテキストの選択が可能である事を示すカーソル | Play it ❯ |
| w-resize | ボックスのエッジを左(西)に移動することを示すカーソル | Play it ❯ |
| wait | プログラムがビジーであることを示すカーソル | Play it ❯ |
| zoom-in | ズームインが可能であることを示すカーソル | Play it ❯ |
| zoom-out | ズームアウトが可能であることを示すカーソル | Play it ❯ |
| initial | プロパティにデフォルト値を設定します。initial を参照 | Play it ❯ |
| inherit | このプロパティは親要素を継承します。inherit を参照 |
HTML DOM リファレンス：cursor プロパティ