CodeAve.com CodeAve.com - CSS - Miscellaneous
ASP
JavaScript
CSS
·Basics
·Page Display
·Text Display
·Script Writers
·Contents
·What's New?
HTML
Maps
Links
Mail List
Search
Sitemap

 

Media Type
CSS allows you to customize your output to different types of media. In this example, we have the text of the Gettysburg Address. When displayed on the screen the text will appear in red. When the page is printed the text will appear as black (Not too much of a shock to those with black and white printers). Regardless of the media-type the font will always be in italics by stacking the commands.
•View the Output
•Text View
•Print View
•Mail this Link
•Download the Code

<html>
<head>
<title>CodeAve.com/CSS - Media Types</title>
<style type="text/css">
<!--

/* @media screen defines the CSS that will display as browser output */
@media screen
{ body {color: #FF0000} }

/* @media print defines the CSS that will display as printer output */
@media print
{ body {color: #000000} }

/* @media screen, print defines CSS characteristics that will display 
as browser output and printer output in this case the text within the 
body tags will be displayed as italic */

@media screen,print
{ body {font-style: italic } }

-->
</style>
</head>
<body bgcolor="#FFFFFF">
Four score and seven years ago our fathers brought forth on this 
continent a new nation, conceived in liberty and dedicated to the 
proposition that all men are created equal. Now we are engaged in 
a great civil war, testing whether that nation or any nation so 
conceived and so dedicated can long endure.

</body>
</html>

 

 

 


 ASP: What's New? | Articles | Script Writers | Database Display | Read/Write
Server Variables | Response Objects | Random Events | Miscellaneous
HTML: Forms | Hyperlinks | Headers | Tables | Hyperlinks | Headers | Text Display
JavaScript: Document Info | Forms | Images | Navigation | Script Writers
CSS: Basics | Page Display | Text Display | Script Writers | Miscellaneous
Links | Search Engine db |  Privacy Statement |  Advertising Rates |  Email

CodeAve.com is hosted by MyHosting.com
Donate Food Online with a Mouse Click at TheHungerSite.com
Donate Land Online with a Mouse Click at TheRainForestSite.com
© 1999 - 2010 CodeAve.com
All Rights Reserved