backdrop-inherit-rendered.html (504B)
1 <!DOCTYPE html> 2 <title>CSS Position Test: ::backdrop inherits from originating element - rendering</title> 3 <link rel="help" href="https://drafts.csswg.org/css-position-4/#backdrop"> 4 <link rel="match" href="backdrop-inherit-rendered-ref.html"> 5 <style> 6 dialog { 7 --bg: green; 8 inset: 100px; 9 } 10 dialog::backdrop { 11 background-color: var(--bg); 12 inset: inherit; 13 } 14 </style> 15 <dialog>Green backdrop with 100px inset</dialog> 16 <script> 17 document.querySelector("dialog").showModal(); 18 </script>