| <!DOCTYPE html> |
| <title>CSS Masking: fragment of non valid URL as clip.</title> |
| <link rel="help" href="https://drafts.fxtf.org/css-masking-1/#the-clip-path"> |
| <link rel="match" href="reference/reference-nonexisting-existing-local-ref.html"> |
| <meta name="assert" content="Test ensures that only local URLs with a valid fragment result in a valid clip."/> |
| <style> |
| #target { |
| width: 100px; |
| height: 100px; |
| background-color: green; |
| clip-path: url(notexisting.svg#c); |
| } |
| </style> |
| <div style="background-color: red; width: 100px"> |
| <div id="target"></div> |
| </div> |
| <svg> |
| <clipPath id="c" clipPathUnits="objectBoundingBox"> |
| <circle cx="0.5" cy="0.5" r="0.5"/> |
| </clipPath> |
| </svg> |