Print CSS in SharePoint 2010

/* This CSS removes the header, navigation and other action elements from the print preview */
1.
 @media print{
   .ms-globallinks,.ms-siteaction,.ms-areaseparatorcorner,.ms-titlearealeft,.ms-searchform,
   .ms-banner,.ms-buttonheightwidth,.ms-areaseparatorright,.ms-titlearearight,
   .ms-rightareacell,.ms-leftareacell.ms-areaseparatorleft{
    display:none;
     }
    /*Insert your print stylsheet here */
     }
2.

/* To use this CSS for just add the <link> to this CSS with the media=”print” in your master Page */

 <link rel="stylesheet" media="print" href="print.css" type="text/css"/>

Leave a comment