ホームページ > 記事 > ウェブフロントエンド > pointer-events 属性とは何なのかについて簡単に説明しましょう。 pointer-events 属性の使用
この記事の内容は、pointer-events 属性とは何かについて簡単に説明することです。 pointer-events 属性を使用すると、誰もが pointer-events 属性の関連知識を理解できるようになります。困っている友人は参考にしていただければ幸いです。
まず、pointer-events 属性とは何なのかを理解しましょう。
pointer-events 属性は、特定のグラフィック要素がポインター イベントのターゲットになる条件を制御するために使用されるポインター属性です。
pointer-events 属性には多くの値がありますが、ブラウザーの場合、HTML 要素に適用できる値は 3 つだけで、他の値は SVG 要素に適用されます (この属性自体は SVG テクノロジから来ており、 SVG プロパティであり、CSS 仕様では定義されていません)。 [おすすめの関連ビデオ チュートリアル: css3 チュートリアル ]
次に、pointer-events 属性の使用方法を見てみましょう。
正式な構文:
1. 文法:
正式な構文:
pointer-events: visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none | inherit ;
HTML 要素に適用できる 3 つのタイプ値:
pointer-events: auto | none | inherit ;
2。初期値: 自動
3。適用対象: すべての要素
4。アニメーション: なし
命令: 3 HTML 要素に適用される値
auto: デフォルト値。この時点で要素がポインター イベントに応答し、これらのイベントが発生しないことを示します。その下の要素がトリガーされます。
none: は、要素上のポインター イベントを無効にすることを意味します。この時点では、要素はポインター イベントに応答しませんが、その下の要素は、要素がポインター イベントに応答したかのように応答できます。それらの間には存在しません。 上記と同じです。
inherit: 要素がその親からポインター イベント値を継承することを示します。
ポインター イベント プロパティの互換性:
CSS ポインター イベント プロパティ (HTML のみ)
この CSS プロパティを「none」に設定すると、次のことが可能になります。要素がホバー/クリック イベントを受信しないようにすると、イベントはその背後にあるもので発生します。
次のバージョンがサポートされています:
* は必須のプレフィックスを示します。
要約: 以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。
以上がpointer-events 属性とは何なのかについて簡単に説明しましょう。 pointer-events 属性の使用の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。