<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <!DOCTYPE html> <html> <head> <title>CSS Masking: Test clip-path property and inset function with uniformly rounded corners</title> <link rel="help" href="https://drafts.csswg.org/css-shapes/#typedef-basic-shape"> <link rel="match" href="clip-path-inset-002-ref.html"> <link rel="author" title="Manish Goregaokar" href="mailto:manish@mozilla.com"> <style type="text/css"> #square { width: 100px; height: 100px; border: solid green 50px; background-color: green; clip-path: inset(10px round 20px 20px 20px 20px); } </style> </head> <body> <p>The test passes if there is a green rect not touching the sides with rounded corners</p> <div id="square"></div> </body> </html>