Status: PASS | Duration: 9ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi
/css/css-page/page-size-014-print.html
<!DOCTYPE html> <title>The containing block of the page should be resized in overconstrained sizing situations</title> <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> <link rel="help" href="https://drafts.csswg.org/css-page-3/#page-model"> <link rel="match" href="page-size-014-print-ref.html"> <style> @page { size: 500px; margin: 10%; width: 40%; height: 60%; } :root { print-color-adjust: exact; } body { margin: 0; } </style> <div style="width:200px; height:300px; background:yellow;"> This page should have a yellow background. Page margins should be 50px on each side. </div> Second page. Nothing else here.
/css/css-page/page-size-014-print-ref.html
<!DOCTYPE html> <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> <style> @page { size: 300px 400px; margin: 50px; } :root { print-color-adjust: exact; } body { margin: 0; } </style> <div style="width:200px; height:300px; background:yellow;"> This page should have a yellow background. Page margins should be 50px on each side. </div> Second page. Nothing else here.