CSS Media Types

While linking the style sheet by <link> element, we can specify the devices by using optional attribute called media.

CSS for all devices (Default):

<link type="text/css" rel="stylesheet" href="your-css.css" />

CSS for computer screen:

<link type="text/css" rel="stylesheet" href="your-css.css" media="screen" />

CSS for printer:

<link type="text/css" rel="stylesheet" href="your-css.css" media="print" />

CSS for hand held (mobile phone, pda, etc):

<link type="text/css" rel="stylesheet" href="your-css.css" media="handheld" />

CSS for speech browser:

<link type="text/css" rel="stylesheet" href="your-css.css" media="aural" />

CSS for tactile readers:

<link type="text/css" rel="stylesheet" href="your-css.css" media="braille" />

CSS for paged braille printers:

<link type="text/css" rel="stylesheet" href="your-css.css" media="embossed" />

CSS for presentation and slides:

<link type="text/css" rel="stylesheet" href="your-css.css" media="projection" />

CSS for teletypes and terminals:

<link type="text/css" rel="stylesheet" href="your-css.css" media="tty" />

CSS for televisions:

<link type="text/css" rel="stylesheet" href="your-css.css" media="tv" />