The auto value will restore the default functionality. When applied to an element, it will use the same value for the property as the element’s parent. The inherit value works as it does with any other CSS property. When used with non-SVG elements, only three values are available - inherit, auto and none. Hover or focus over me Hover or focus over me too The circle has a stroke but no fill, meaning that the rectangle behind it is visible. In the example below, I have a rectangle placed behind a circle. This is useful, for example, if we have shapes placed on top of each other and want the shape that is not necessarily at the top of the stack to receive (or not receive) mouse events. It initially formed part of the specification for SVGs to allow more fine-tuned control of where in a shape a user could interact with. The pointer-events CSS property controls if and how elements can be targeted by pointer inputs such as a mouse. I still stand by all the points I made against the use cases I pointed out in this article, but I now believe there are some good reasons to use pointer-events for HTML elements! UPDATE: Some people have pointed out some genuinely great use cases for this property which I've listed at the end of the article.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |