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