pointer-events CSS propriété

Définition de la CSS pointer-events.

La propriété CSS pointer-events permet de spécifier les circonstances pour que l'élément puisse recevoir un événement de pointer (curseur, doigt).

La propriété CSS pointer-events affecte les circonstances dans lesquelles les éléments suivants sont traités :

• les événements d'interface utilisateur tels que les clics de souris.
• les pseudo-classes dynamiques telque :hover, :active et :focus.
• les liens type balise (X)HTML A.

pointer-events : auto;
pointer-events : none;
pointer-events : all;
pointer-events : stroke;
pointer-events : fill;
pointer-events : painted;
pointer-events : visible;
pointer-events : visibleStroke;
pointer-events : visibleFill;
pointer-events : visiblePainted;

La propriété de feuille de style pointer-events CSS peut prendre la valeur pour des éléments SVG :

• all : est cible d'un événement de pointeur que lorsque le pointeur est au-dessus de l'intérieur de l'élément ou lorsque le pointeur est au-dessus du contour de l'élément.
  Les valeurs des attributs fill, stroke et de la propriété CSS visibility n'ont pas d'impact sur le traitement des événements.
• stroke : est la cible d'un événement de pointeur que lorsque le pointeur est au-dessus du contour de l'élément. Les valeurs de l'attribut stroke et de la propriété CSS visibility n'ont pas d'impact sur le traitement de l'événement.
• fill : est la cible d'un événement de pointeur que lorsque le pointeur est au-dessus de l'intérieur de l'élément. Les valeurs de l'attribut fill et de la propriété CSS visibility n'ont pas d'impact sur l'événement.
• painted : est la cible d'un événement de pointeur que lorsque le pointeur est au-dessus de l'intérieur de l'élément et que la valeur de la propriété fill n'est pas none
  ou lorsque le pointeur de la souris est au-dessus du contour de l'élément et que la valeur de la propriété stroke n'est pas none.
  La valeur de la propriété CSS visibility n'a pas d'impact sur le traitement des événements.
• visible : est la cible d'un événement de pointeur que si la propriété CSS visibility:visible et lorsque le pointeur est au-dessus de l'intérieur de l'élément
  ou lorsque le pointeur de la souris est au-dessus du contour de l'élément.
  Les valeurs des attributs fill et stroke n'ont pas d'impact sur le traitement de l'événement.
• visibleStroke : est la cible d'un événement de pointeur que lorsque le pointeur est au-dessus du contour de l'élément et que de la propriété CSS visibility:visible.
  La valeur de l'attribut stroke n'a pas d'impact sur le traitement de l'événement.
• visibleFill: est la cible d'un événement de pointeur que lorsque le pointeur est au-dessus de l'intérieur de l'élément et que de la propriété CSS visibility:visible.
  La valeur de l'attribut fill n'a pas d'impact sur l'événement.
• visiblePainted : est la cible d'un événement de pointeur que si la propriété CSS visibility:visible et lorsque le pointeur est au-dessus de l'intérieur de l'élément et que la valeur de l'attribut fill n'est pas none
  ou lorsque le pointeur de la souris est au-dessus du contour de l'élément et que la valeur de l'attribut stroke n'est pas none.

La propriété de feuille de style pointer-events CSS peut prendre la valeur pour tous les autres éléments :

• none : ne sera jamais la cible d'événements de pointeur.
• auto : se comporte comme si la propriété n'était pas spécifiée, équivaut à visiblePainted pour les SVG.

Exemple de code pointer-events CSS

Conditions d'application de la CSS pointer-events.

La propriété CSS pointer-events est applicable sur l'ensemble des balises HTML ou XHTML.

Héritage des valeurs Css de pointer-events.

Les balises filles HTML ou XHTML héritent de la propriété Css pointer-events.

Problème d'interprétation de pointer-events en Css.

La propriété de feuille de style pointer-events CSS ne pose aucun problème d'interprétation.