Css Pdf Notes Link
Control where content splits across pages.
h2:before content: counter(chapter) "." counter(section) " "; counter-increment: section;
@page @top-left content: element(page-header);
p orphans: 3; widows: 2;
@page size: A4; /* A4, letter, legal, landscape */ margin: 2cm; @top-center content: "Document Title"; @bottom-right content: counter(page);
h1 counter-increment: chapter; counter-reset: section;
Using running() and element() .
<div class="page-header">My PDF Report | Chapter 1</div> body counter-reset: chapter section;
.page-header position: running(page-header); font-size: 10pt; color: gray;
/* Avoid break after heading */ h2 page-break-after: avoid; css pdf notes
/* Force break before/after */ h1 page-break-before: always; break-before: page;
@page chapter-page size: A4; @bottom-center content: counter(page);
1. The @page Rule Controls page boxes, margins, size, and breaks. Control where content splits across pages
| Value | Size | |-------------|-----------------------| | A4 | 210mm × 297mm | | letter | 8.5in × 11in | | A5 | 148mm × 210mm | | legal | 8.5in × 14in | Named pages .chapter page: chapter-page;