Bradley Kirton's Blog

Published on March 10, 2025

Go home

CSS 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;
}