dynamic-001-print.html (915B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="https://drafts.csswg.org/cssom/#the-csspagerule-interface"> 4 <link rel="help" href="https://drafts.csswg.org/css-page-3/"> 5 <link rel="match" href="dynamic-001-print-ref.html"> 6 <style id="sheet"> 7 @page { } 8 :root { 9 print-color-adjust: exact; 10 } 11 body { 12 background: green; 13 } 14 </style> 15 <script> 16 let pageRule = document.getElementById("sheet").sheet.rules[0]; 17 pageRule.insertRule("@top-center { content:'This text should be seen at the top, and there should be a green square below.'; vertical-align:top; }"); 18 pageRule.style.setProperty("margin", "50px 0 0"); 19 pageRule.style.setProperty("border", "solid white"); 20 pageRule.style.setProperty("border-width", "0 300px"); 21 pageRule.style.setProperty("width", "100px"); 22 pageRule.style.setProperty("height", "100px"); 23 </script>