Print styles are CSS rules that reshape a web page for printed output. They preserve the main content while removing screen-oriented elements and ink-heavy decoration. section 7.2.1
Apply the basic print treatment inside a print media query:
- Write @media print without parentheses; use @media screen when targeting screen output. section 7.2.1
- Hide nonessential elements such as navigation menus and footers with display: none. section 7.2.1
- Change font colors to black and remove background images and colors to reduce ink use. section 7.2.1
A minimal ink-saving rule
@media print { * { color: black !important; background: none !important; } } section 7.2.1
@media print {
* {
color: black !important;
background: none !important;
}
}
Inspect the compact universal rule for forcing black text and removing backgrounds during printing. section 7.2.1
