CSS Print Media Type | CSS: Presentation Layer

Print style sheets is one of the rare times that using centimeters/inches (real-world measuring systems) size values is helpful.

Paged Media specification has 17 predefined page areas that can be customized within page rules.

gcpm (Generated Content for Paged Media): functionality in printed publications where content from the document is adorned, replicated, or moved in the final presentation of the document. Along with multi-column layout and paged media, gcpm offers advanced functionality for presenting structured documents on paged media. Paged media can be printed, or presented on screens.

{}

References and Resources

• Printer Test File - A JPEG RGB file for testing your output devices. Saved in ColorMatch RGB. Use to test output to both CMYK or RGB output devices (this is a reference image).
• Improving Link Display for Print
• Going to Print
• How to Set Up a Print Style Sheet
• High-Resolution Image Printing
• Building Books with css3
• css3 Module: Paged Media
• Six Things I Learned About Print Style Sheets From html5 Boilerplate
• css Generated Content for Paged Media Module
• Tips and Tricks for Print Style Sheets

Delay Loading Print Media

<script>
// http://www.duncanmcdougall.co.uk/articles/delay-loading-print-stylesheet.html
function LoadPrint(){
    var headTag = document.getElementsByTagName("head")[0];
    var printCss= document.createElement('link');
    printCss.type ='text/css';
    printCss.rel ='stylesheet';
    printCss.href ='/css/print.css';
    printCss.media ='print';
    headTag .appendChild(printCss);
}

window.onload=LoadPrint();
</script>