logo

.: CSS Gallery :.


Example of Print Style Sheeet.

You can see an example of a style sheet and how it works, by going to my index page. Click File - Print Preview. You will see that only the text, in black on a white background, will be printed. No images, header, footer and links will show. Information which is not important for printing will be hidden

The index page will print using only 2 sheets of A4 printing paper, without the Style Sheet for Print, it would take 6 sheets of printing paper.

CSS styles for this site only of course:

body {
   background: white;
   font-size: 12pt;
   }
#header, #navbar, #navbar2, h1,  img, form, #footer {
   display: none;
   }
	 
h2, p {
padding: 0;
margin: 0;
}

h2 {
font-size: 12pt;
}

.hide {
display: none;
}

.border {
display: none;
}

p.border {
display: none;
}



Last updated:
Wednesday, 27-Feb-2008 03:13:46 MST



© copyright: wouter's designs.
This document may not be translated, duplicated, redistributed or otherwise appropriated.