Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/printing/repeated-generated-content-whitespace-crash-print.html - WPT Dashboard Interop Dashboard
<!doctype html>
<meta charset="utf-8">
<title>Changing generated text in a repeated table header and footer</title>
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
<!-- Really a crashtest but since we can't really have print crashtests, we assert that we print something -->
<link rel="mismatch" href="/css/reference/blank.html">
<style>
@page { size: 360px 420px; margin: 15px; }
body { font-size: 12px; }
#box { container: box / inline-size; width: 220px; }
table { width: 100%; }
table::before { display: table-header-group; content: "a"; }
table::after { display: table-footer-group; content: "a"; }
@container box (min-width: 100px) {
table::before, table::after { content: " "; }
}
td { height: 180px; }
</style>
<div id="box">
<table>
<tr><td>one</td></tr>
<tr><td>two</td></tr>
<tr><td>three</td></tr>
<tr><td>four</td></tr>
<tr><td>five</td></tr>
<tr><td>six</td></tr>
<tr><td>seven</td></tr>
<tr><td>eight</td></tr>
</table>
</div>