web_development:useful_css
This is an old revision of the document!
Table of Contents
Useful CSS
Footer on bottom of every page
#footer {
position: running(footer);
display: block;
}
@page {
@bottom-center {
content: element(footer);
}
}
Note: The footer must be above the content in the CSS otherwise only get the footer on the final page
Footer on bottom of every odd page
#footer {
position: running(footer);
display: block;
}
@page :first {
}
@page :right {
@bottom-center {
content: element(footer);
}
}
@page {
}
Note: The footer must be above the content in the CSS otherwise only get the footer on the final page
Embed fonts
@font-face{
font-family:"<<FONT-NAME>>";
src:url(<<URL>>);
-fs-pdf-font-embed: embed;
}
Use embedded fonts
font-family:'<<FONT-NAME>>';
Avoid splitting text across pages
.keepTogether {
page-break-inside: avoid;
}
web_development/useful_css.1590309894.txt.gz · Last modified: (external edit)
