Skip to main content
CSS is fun and cool and I like it.

Can you view print stylesheets applied directly in the browser?


Let’s take a look at how to do it in different browsers. Although note the date of this blog post. This stuff tends to change over time, so if anything here is wrong, let us know and we can update it.… Read article “Can you view print stylesheets applied directly in the browser?”


Don’t Rely on Background Colors Printing

At work I recently rolled out a new system for one of our clients, the Rick Wilcox Magic Theater. Their site is largely informational about them and their show, and a portal for selling tickets to their show online. As their theater is part of a vacation destination, people often buy tickets far in advance. The best method for presenting their show schedule is literally in a calendar format where people can see months of show dates at a … Read article “Don’t Rely on Background Colors Printing”


#52: Building a Print Stylesheet

My technique for building print stylesheets goes like this. 1) Start from scratch 2) Leave most defaults alone 2) Eliminate every thing on the page you don’t need with display: none; 4) Put page-breaks where appropriate. Of course, I spend far too long explaining all this, but you get to see it being built live on CSS-Tricks.

Links from Video:

Read article “#52: Building a Print Stylesheet”

CSS-Tricks Finally Gets A Print Stylesheet

This is way past due…but it’s finally here: a print stylesheet!

I’ll start by showing you the entire stylesheet, then I’ll explain a little bit about what I was thinking.

body {
	font-family: Georgia, serif;
	background: none;
	color: black;
#page {
	width: 100%;
	margin: 0; padding: 0;
	background: none;
#header, #menu-bar, #sidebar, h2#postcomment, form#commentform, #footer {
	display: none;
.entry a:after {
	content: " [" attr(href) "] ";
#printed-article {
	border: 1px solid #666;
	padding: 10px;
Read article “CSS-Tricks Finally Gets A Print Stylesheet”