Recently, we’ve been building a full package of reports for
a client who needs to be able to print each with a consistent design and
layout. In the past, this meant the task of first creating new pages, stripped
of unwanted HTML, and then linking to those new printer-friendly versions.
Now we can use print CSS for a simple solution to making
each page of a website printer-friendly. Similar to normal cascading style
sheets, print CSS works by applying style attributes to a layout that will only
affect the layout upon printing. That means you can have an image-rich,
colorful layout on the screen, but you can allow content to only be printed in
black and white or with different background colors to make printing easier.
Using print CSS allows us to keep your website structure
intact, while giving you options for printing those pages in a simple, clean
format.
Before Print CSS:
After Print CSS:
