Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-page/page-margin-004-print.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>Test that a fragmented OOF is sized and posisitioned correctly within the containing block, which is the page box size minus the margins</title>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="match" href="page-margin-004-print-ref.html">
<style>
@page {
size: 300px;
margin: 10px 20px 30px 40px;
}
:root {
print-color-adjust: exact;
}
body {
margin: 0;
}
</style>
<div style="position:absolute; box-sizing:border-box; width:100%; border:10px solid; background:yellow;">
Page 1
<div style="break-before:page; background:cyan;">
Page 2
</div>
</div>