Paged Media CSS examples: Difference between revisions
No edit summary |
No edit summary |
||
Line 21: | Line 21: | ||
content: "Testing WeasyPrint"; | content: "Testing WeasyPrint"; | ||
} | } | ||
} | |||
</source> | |||
==@page customsection== | |||
<source lang="css"> | |||
@page custom{ | |||
background-color: lightyellow; | |||
@bottom-center { | |||
content: "Testing WeasyPrint"; | |||
} | |||
} | |||
section#custom{ | |||
page: customsection; | |||
} | } | ||
</source> | </source> |
Revision as of 10:36, 6 July 2021
@page
@page {
size: A5 portrait;
}
@page:right @page:left
@page:right {
margin-left: 3cm; /*inner*/
margin-right:1cm; /*outer*/
@bottom-right {
content: "Testing 123!!!";
}
@bottom-center {
content: "Testing WeasyPrint";
}
}
@page customsection
@page custom{
background-color: lightyellow;
@bottom-center {
content: "Testing WeasyPrint";
}
}
section#custom{
page: customsection;
}
@page:left {
margin-right: 10mm; /*inner*/
margin-left: 15mm; /*outer*/
@bottom-left {
content: "Testing WeasyPrint";
}
@bottom-center {
content: "Testing WeasyPrint";
}
}
@page:first
@page:first {
@bottom-center {
content: "";
}
@bottom-right {
content: "";
}
}
pagenumbers
...
display links in print
a[href]:after {
content: ' (' attr(href) ')';
}