CSSのcursorプロパティ
例
異なるカーソルの数:
span.crosshair
{cursor:crosshair}
span.help {cursor:help}
span.wait {cursor:wait}
span.help {cursor:help}
span.wait {cursor:wait}
»をお試しください
属性の定義と指示
境界内の要素の上にマウスポインタを使用した場合、カーソルプロパティは、カーソルの形状を定義します
デフォルト: | オート |
---|---|
継承: | はい |
バージョン: | CSS2 |
JavaScriptシンタックス: | オブジェクト.style.cursor = "十字" |
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
属性 | |||||
---|---|---|---|---|---|
cursor | 5.0 | 5.5 | 4.0 | 5.0 | 9.6 |
プロパティ値
値 | 説明 |
---|---|
URL | 使用するために必要なカスタムカーソルのURL。 注:必ず、このリストの最後に、一般的なカーソルを定義し、カーソルはURLで定義された場合には使用できません。 |
デフォルト | デフォルトのカーソル(通常は矢印) |
オート | デフォルト。 ブラウザは、カーソルをセッティング。 |
クロスヘア | カーソルが十字線として表示されます。 |
ポインタ | カーソルがリンクポインタを示す(手)として表示されます |
移動 | このカーソルがオブジェクトを移動させることができることを示しています。 |
電子リサイズ | カーソルが四角形のエッジが右(東)移動することができるを示しています。 |
NE-サイズ変更 | このカーソルがアップすることと右(北/東)に移動することができます長方形のエッジを示しています。 |
NW-サイズ変更 | このカーソルがアップし、左(北/西)とすることができる長方形のエッジを示しています。 |
n型サイズ変更 | このカーソルは、長方形のエッジがアップ(北)移動することが可能であることを示します。 |
SE-サイズ変更 | このカーソルは、長方形のエッジがダウンしていると右(南/東)可能性があることを示し。 |
SW-サイズ変更 | このカーソルは、長方形のエッジがダウンしていると左(南/西)可能性があることを示し。 |
sのサイズ変更 | このカーソルは、長方形のエッジが(北/西)下方に移動することができますを示しています。 |
ワットサイズ変更 | このカーソルは、長方形のエッジが左(西)に移動することができますを示しています。 |
テキスト | これは、テキストカーソルことを示しています。 |
待ちます | このカーソルは、プログラムがビジー状態(多くの場合、時計や砂時計)であることを示しています。 |
助けます | このカーソルはヘルプは(多くの場合、疑問符やバルーン)が利用可能であることを示しています。 |