Menu

CSS TUTORIALS - CSS - Media Types

CSS - Media Types

ADVERTISEMENTS


<style tyle="text/css">
<!--
@media print {
    body { font-size: 10pt }
  }
  @media screen {
    body { font-size: 12pt }
  }
  @media screen, print {
    body { line-height: 1.2 }
  }
-->
</style>

ADVERTISEMENTS


<style tyle="text/css">
<!--
<!doctype html public "-//w3c//dtd html 4.0//en">
<html>
   <head>
      <title>link to a target medium</title>
      <link rel="stylesheet" type="text/css" 
	  media="print, handheld" href="foo.css">
   </head>
   <body>
      <p>the body...
   </body>
</html>
-->
</style>

ADVERTISEMENTS

ValueDescription
allSuitable for all devices.
auralIntended for speech synthesizers.
brailleIntended for braille tactile feedback devices.
embossedIntended for paged braille printers.
handheldIntended for handheld devices (typically small screen, monochrome, limited bandwidth).
printIntended for paged, opaque material and for documents viewed on screen in print preview mode. Please consult the section on paged media.
projectionIntended for projected presentations, for example projectors or print to transparencies. Please consult the section on paged media.
screenIntended primarily for color computer screens.
ttyIntended for media using a fixed-pitch character grid, such as teletypes, terminals, or portable devices with limited display capabilities.
tvIntended for television-type devices.