dimensions-002-print.html (1548B)
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/#margin-dimension"> 4 <meta name="assert" content="Test combinations of auto lengths, fixed lengths and percentage lengths. No corners or middle/center boxes."> 5 <link rel="match" href="dimensions-002-print-ref.html"> 6 <style> 7 @page { 8 margin: 100px; 9 size: 500px 400px; 10 11 @top-left { 12 text-align: left; 13 vertical-align: top; 14 border: solid; 15 width: 20%; 16 height: 20%; 17 content: "20%"; 18 } 19 @top-right { 20 text-align: left; 21 vertical-align: top; 22 border: solid; 23 content: "auto"; 24 } 25 @right-top { 26 text-align: left; 27 vertical-align: top; 28 border: solid; 29 content: "auto"; 30 } 31 @right-bottom { 32 text-align: left; 33 vertical-align: top; 34 border: solid; 35 width: 70%; 36 height: 70%; 37 content: "70%"; 38 } 39 @bottom-right { 40 text-align: left; 41 vertical-align: top; 42 border: solid; 43 width: 70px; 44 height: 70px; 45 content: "70px"; 46 } 47 @bottom-left { 48 text-align: left; 49 vertical-align: top; 50 border: solid; 51 content: "auto"; 52 } 53 @left-bottom { 54 text-align: left; 55 vertical-align: top; 56 border: solid; 57 content: "auto"; 58 } 59 @left-top { 60 text-align: left; 61 vertical-align: top; 62 border: solid; 63 width: 70px; 64 height: 70px; 65 content: "70px"; 66 } 67 } 68 </style>