Published on March 10, 2025
Go homeCSS printing utils
Below are a set of useful utilities for creating printable HTML documents.
@media print {
.noprint {
display: none;
}
.nopadx {
padding-left: 0;
padding-right: 0;
}
}
.break-before {
page-break-before: always;
break-before: page;
}
.break-after {
page-break-after: always;
break-after: page;
}
.no-break-inside {
page-break-inside: avoid;
break-inside: avoid;
}
noprint
is useful for hiding elements on printed medianopadx
removes left and right padding on printed mediabreak-before
,break-after
andno-break-inside
can be used to force page breaks