Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<meta charset=utf-8>
<title>dialog element centered frame</title>
<style>
html {
writing-mode: {{GET[html-writing-mode]}}
}
#container {
writing-mode: {{GET[container-writing-mode]}}
}
dialog {
writing-mode: {{GET[dialog-writing-mode]}};
border: none;
padding: 0;
max-width: initial;
max-height: initial;
width: {{GET[dialog-width]}};
height: {{GET[dialog-height]}};
}
</style>
<div id="container">
<dialog>X</dialog>
</div>
<script>
"use strict";
document.querySelector("dialog").showModal();
</script>