CSS Media Types



CSS Tutorial  >  Media Types

One can apply different CSS stylesheets for different media types (devices). For example, a stylesheet can be applied when a document is rendered on the screen, and a different stylesheet can be applied when that same document is to be printed. The syntax for specifying the media type for a stylesheet is as follows:

External Link
<link rel="stylesheet" href="style.css" type="text/css" media="[media type]">

Embed
<style type="text/css" media="[media type]">

Import
@import url("style.css") [media type];

where possible values for [media type] include the following:

ValueSuitable For
allAll devices.
auralSpeech synthesizers.
brailleBraille tactile feedback devices.
handheldhandheld devices.
printmaterial to be printed.
projectionProjected presentations.
screenComputer screens.
ttyMedia using a fixed-pitch character grid.
tvTV-type devices.


Next: CSS Cascade




Copyright © 2014   1keydata.com   All Rights Reserved   Privacy Policy