page-orientation-on-portrait-003-print.html (1025B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Test: Differing border color at the start of a rotate-right page 4 should produce a reftest mismatch result</title> 5 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> 6 <link rel="help" href="https://drafts.csswg.org/css-page/#page-orientation-prop"> 7 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1875182"> 8 <link rel="mismatch" href="page-orientation-on-portrait-003-notref.html"> 9 <style> 10 @page { 11 margin: 0; 12 size: 200px 300px; 13 } 14 @page rotated { 15 page-orientation: rotate-right; 16 } 17 body { 18 margin: 0; 19 } 20 .filler { 21 box-sizing: border-box; 22 width: 200px; 23 height: 300px; 24 border: 10px solid black; 25 } 26 .specialborder { 27 border-top-color: cyan; 28 } 29 </style> 30 <div class="filler">Page 1</div> 31 <!-- Page 2 gets a special border at the start which should make it 32 compare as a "mismatch" against the reference case, if things are 33 working properly. --> 34 <div class="filler specialborder" style="page: rotated">Page 2</div>