CSSポインタ-イベントプロパティ
例
要素がポインタイベントに反応するかどうかを設定します。
div.ex1 {
pointer-events: none;
}
div.ex2 {
pointer-events: auto;
}
定義と使用法
このpointer-events
プロパティは、要素がポインタイベントに反応するかどうかを定義します。
デフォルト値: | 自動 |
---|---|
遺伝性の: | はい |
アニメート可能: | いいえ。アニメート可能について読む |
バージョン: | CSS3 |
JavaScript構文: | object .style.pointerEvents = "none" |
ブラウザのサポート
表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。
Property | |||||
---|---|---|---|---|---|
pointer-events | 2.0 | 11.0 | 3.6 | 4.0 | 9.0 |
CSS構文
pointer-events: auto|none;
プロパティ値
Property Value | Description |
---|---|
auto | The element reacts to pointer events, like :hover and click. This is default |
none | The element does not react to pointer events |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |