HTML カーソルのスタイル

HTMLカーソルのスタイル

対応するテキストにカーソルを置くと、マウスで効果が表示されます

カーソル:自動	自動
カーソル:全スクロール;	上下左右、任意の方向にスクロール
カーソル:クロスヘア;	十字線
カーソル:ポインタ;	手
カーソル:待って;	待っています
カーソル:ヘルプ;	ヘルプ
カーソル:ノードロップ;	リリースできません
カーソル:テキスト;	執筆/編集
カーソル:移動;	可動オブジェクト
カーソル:縦書きテキスト;	編集可能な縦書きテキストカーソル
カーソル: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 番目のタイプは内部スタイルです:

(内部スタイル: