| カーソル:自動 | 自動 |
| カーソル:全スクロール; | 上下左右、任意の方向にスクロール |
| カーソル:クロスヘア; | 十字線 |
| カーソル:ポインタ; | 手 |
| カーソル:待って; | 待っています |
| カーソル:ヘルプ; | ヘルプ |
| カーソル:ノードロップ; | リリースできません |
| カーソル:テキスト; | 執筆/編集 |
| カーソル:移動; | 可動オブジェクト |
| カーソル:縦書きテキスト; | 編集可能な縦書きテキストカーソル |
| カーソル:n-resize; | サイズを上方向（北）に変更します |
| カーソル:s-resize; | サイズを下方向（南）に変更します |
| カーソル:電子サイズ変更; | 右（東）のサイズを変更します |
| カーソル:w-resize; | 左（西）のサイズを変更 |
| カーソル:サイズ変更; | サイズを上下左右に変更します（北東） |
| カーソル:nw-resize; | サイズを上下左右に変更します（北西） |
| カーソル:サイズ変更; | サイズを上下左右に変更します (南東) |
| カーソル:sw-resize; | サイズを下と左に変更します（南西） |
| カーソル:col-resize; | 水平方向にサイズ変更可能 |
| カーソル:行のサイズ変更; | 縦方向にサイズ変更可能 |
| カーソル:許可されていません; | 禁止 |
| カーソル:進行状況; | 処理中 |
| カーソル:デフォルト; | システムデフォルト |
|
cursor:url('#');# はカーソルファイルのアドレスです (ファイル形式は .cur または .ani である必要があることに注意してください) |
ユーザー定義 (アニメーションあり) 注: カスタム カーソルを定義した後、最後に一般カーソルを追加します。 それらの URL で定義されたカーソルが使用できない場合
|
説明:
cursor属性：表示されるカーソルの種類（形状）を設定します。
この属性の値はカンマで区切って複数指定できます。
最初の値が見つからず表示できない場合は、2 番目の値が試行されます。
すべての値が利用できない場合、このプロパティは有効にならず、カーソルは変更されません。例: {cursor:pointer,wait,help;}、ポインタから wait、そしてヘルプへ、これが適用されない場合、カーソル属性は効果がありません。
ここで、「手」カーソルの例を見てみましょう。これを記述するには 2 つの方法があります:
レンダリング:
(インライン スタイル: タグ内に CSS スタイルを記述します)
リーリー
2 番目のタイプは内部スタイルです:
