centering-iframe.sub.html (574B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <title>dialog element centered frame</title> 4 <style> 5 html { 6 writing-mode: {{GET[html-writing-mode]}} 7 } 8 9 #container { 10 writing-mode: {{GET[container-writing-mode]}} 11 } 12 13 dialog { 14 writing-mode: {{GET[dialog-writing-mode]}}; 15 border: none; 16 padding: 0; 17 max-width: initial; 18 max-height: initial; 19 width: {{GET[dialog-width]}}; 20 height: {{GET[dialog-height]}}; 21 } 22 </style> 23 24 <div id="container"> 25 <dialog>X</dialog> 26 </div> 27 28 <script> 29 "use strict"; 30 document.querySelector("dialog").showModal(); 31 </script>