Blank pages
This test is intended to simulate a novel with three chapters. Every chapter should start on a right page with header and footer. The blank (left) pages should remain completely empty (only possible with PrinceXML and Antennahouse by using the @page:blank selector).
Repository files
PDF files
OK
OK with issues
Error
Unsupported
HTML input
<html> <head> <link rel="stylesheet" type="text/css" href="styles.css" /> </head> <body> <div class="chapter"> <h1>Chapter 1</h1> <p> Pulvinar non pellentesque pellentesque nisi nascetur elementum platea turpis, eu, pulvinar et, a mauris, etiam vel, facilisis mus, egestas in dapibus sagittis ac mattis. Phasellus massa cum, habitasse augue sagittis, turpis penatibus auctor sagittis aenean in! Aenean porta tincidunt ultricies est lorem, facilisis dignissim tempor auctor ut sociis pulvinar eros egestas eros placerat. </p> </div> <div class="chapter"> <h1>Chapter 2</h1> <p> Pulvinar non pellentesque pellentesque nisi nascetur elementum platea turpis, eu, pulvinar et, a mauris, etiam vel, facilisis mus, egestas in dapibus sagittis ac mattis. Phasellus massa cum, habitasse augue sagittis, turpis penatibus auctor sagittis aenean in! Aenean porta tincidunt ultricies est lorem, facilisis dignissim tempor auctor ut sociis pulvinar eros egestas eros placerat. </p> </div> <div class="chapter"> <h1>Chapter 3</h1> <p> Pulvinar non pellentesque pellentesque nisi nascetur elementum platea turpis, eu, pulvinar et, a mauris, etiam vel, facilisis mus, egestas in dapibus sagittis ac mattis. Phasellus massa cum, habitasse augue sagittis, turpis penatibus auctor sagittis aenean in! Aenean porta tincidunt ultricies est lorem, facilisis dignissim tempor auctor ut sociis pulvinar eros egestas eros placerat. </p> </div> </body> </html>
Stylesheet
@import url("../styles/a5.css"); @page:blank { background: blue; @bottom-center { content: ""; } @top-center { content: ""; } } h1 { font-size: 30pt; color: red; } div.chapter { break-after: right; }