ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでマウスの形状を設定する方法

CSSでマウスの形状を設定する方法

王林
王林オリジナル
2020-11-12 11:35:252922ブラウズ

CSS でマウスの形状を設定する方法: [span.crosshair {cursor:crosshair;}] など、cursor 属性を使用して設定できます。カーソル属性は、表示されるカーソルの種類を指定します。デフォルトでは、カーソルは矢印です。

CSSでマウスの形状を設定する方法

カーソルプロパティは、表示するカーソルの種類(形状)を指定します。

この属性は、マウス ポインターが要素の境界内に置かれたときに使用されるカーソルの形状を定義します (ただし、CSS2.1 では、どの境界がこの範囲を決定するかは定義されていません)。

(学習ビデオ共有: css ビデオ チュートリアル)

デフォルト値: auto

継承: はい

バージョン: CSS2

JavaScript 構文: object.style.cursor="crosshair"

可能な値:

default デフォルトのカーソル (通常は矢印)

auto デフォルト。ブラウザによって設定されたカーソル。

十字線 カーソルは十字線として表示されます。

pointer カーソルはリンクを示すポインタ(手)として表示されます

move このカーソルはオブジェクトが移動できることを示します。

例:

span.crosshair {cursor:crosshair;}
span.help {cursor:help;}
span.wait {cursor:wait;}

関連する推奨事項: CSS チュートリアル

以上がCSSでマウスの形状を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。