CSS cursor プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

各種カーソル:

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

CSS 構文

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 プロパティ


❮ 前章へ 完全な CSS リファレンス 次へ ❯