Media Print Style Sheet Example

One of the most important features of style sheets is that they specify how a document is to be presented on different media: on the screen, on paper, with a speech synthesizer, with a braille device, etc. This is a simple example of style sheet for print media.

@media print 
{
    @page       { margin: 10%; }
    h1, h2      { page-break-after: avoid; page-break-inside: avoid; }
    pre         { page-break-inside: avoid; }
    ul, ol, dl  { page-break-before: avoid; }
}

Pay attention to margin and page-break styles.

Related Posts:

• Obtain Browser Capabilities Using Javascript (clientCaps)
• HowTo Add Image Background to Body in CSS
• CSS: Anchor styles [The right way to do it]
• Javascript: Maintaining Page Scroll Position

Any example, how to use this in html page?

guoqi: you don't need to change your html at all, it is supposed to work just fine via css :)