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:

Value	Suitable For
all	All devices.
aural	Speech synthesizers.
braille	Braille tactile feedback devices.
handheld	handheld devices.
print	material to be printed.
projection	Projected presentations.
screen	Computer screens.
tty	Media using a fixed-pitch character grid.
tv	TV-type devices.

Link to this page: If you find this page useful, we encourage you to link to this page. Simply copy and paste the code below to your website, blog, or profile.

<a href="http://www.1keydata.com/css-tutorial/media-types.php">CSS Media Types</a>