各種カーソル:
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 プロパティ