content-001-print.html (1264B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="https://drafts.csswg.org/css-page-3/#populating-margin-boxes"> 4 <meta name="assert" content="Basic content property test, with just text, and various ways of expressing nothingness."> 5 <link rel="match" href="content-001-print-ref.html"> 6 <style> 7 :root { 8 print-color-adjust: exact; 9 } 10 @page { 11 size: 400px; 12 margin: 100px; 13 14 @top-left-corner { 15 /* No content property here. */ 16 width: 50px; 17 height: 50px; 18 background: red; 19 } 20 @top-left { 21 width: 100px; 22 text-align: left; 23 vertical-align: top; 24 content: "PASS"; 25 background: hotpink; 26 } 27 @top-right { 28 text-align: left; 29 vertical-align: top; 30 content: "PA" "SS"; 31 background: yellow; 32 } 33 @bottom-left { 34 /* An empty string is also content. */ 35 content: ""; 36 background: yellow; 37 } 38 @bottom-left-corner { 39 width: 50px; 40 height: 50px; 41 content: none; /* This is nothing. */ 42 background: red; 43 } 44 @bottom-right-corner { 45 width: 50px; 46 height: 50px; 47 content: normal; /* This also nothing. */ 48 background: red; 49 } 50 } 51 </style>