adv banner
HTML and CSS  Home HTML and CSS Tutorials No Print Script
rss

No Print Script

Author: Ades Tynyshov More by this author


Demo: Try to Print this page or Print Preview

<style type="text/css" media="print">
body
{
   display: none;
}
</style>
No Print Script

Put the above script between the <head> </head> tags in your page. It will make your page empty when it is printed. The code is fairly simple to understand.

<style type="text/css" media="print">

Here we declare that the following script is a CSS Script and media is print which means it is intended for paged, opaque material and for documents viewed on screen in print preview mode.

body
{
   display: none;
}

Sets the body of the page to blank when the page is printed.

Note: This is especially useful when you don't want some of the pages on your website to be printed and only be read online. Of course you cant protect the content of the page with this script alone, because cut and paste still would print work here. That is another issue which is not discussed here.



Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "No Print Script"