Css Pdf Notes -

Use @media print to isolate PDF styles.

a[href^="#"] content: " (page " target-counter(attr(href), page) ")";

a[href]::after content: " (" attr(href) ")"; /* show URLs */ css pdf notes

/* Orphan/widow control / p orphans: 3; / min lines at bottom of page / widows: 2; / min lines at top of page */

Control where content splits across pages. Use @media print to isolate PDF styles

@page size: A4; /* A4, letter, legal, landscape */ margin: 2cm; @top-center content: "Document Title"; @bottom-right content: counter(page);

/* Reference page number / See page <a href="#section2">Section 2</a> / Renders: See page (page 12) */ ul.toc a::after content: leader('.') target-counter(attr(href), page); float: right; a[href]::after content: " (" attr(href) ")"

.page-header position: running(page-header); font-size: 10pt; color: gray;