Media type

Media types, by default the value for the media attribute is all. Without the attribute in the link element, the user agent will apply the CSS rules in the stylesheet to 'all' media.

all - Suitable for all devices

braille - meant for Braille tactile feedback devices

embossed - meant for paged Braille printers

handheld - suitable for handheld devices such as typically limited-bandwidth devices, small-screen and much more

print - suitable for documents and paged material which can be view on-screen in print preview mode

projection - meant for projected presentationsfor example, projectors

screen - meant for colored computer screens

speech - meant for speech synthesizers

tty - meant for the media which is using fixed-pitch character grid (for example terminals, teletypes, or portable devices with limited display capabilities)

tv - meant for television-type devices which have low-resolution, limited-scrollable color screens and available sound)

define in HTML:

<link rel="stylesheet" type="text/css" href="style.css" media="all" />
<link rel="stylesheet" type="text/css" href="style.css" media="braille" />
<link rel="stylesheet" type="text/css" href="style.css" media="embossed" />
<link rel="stylesheet" type="text/css" href="style.css" media="handheld" />
<link rel="stylesheet" type="text/css" href="style.css" media="print" />
<link rel="stylesheet" type="text/css" href="style.css" media="projection" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="style.css" medi=a"speech" />
<link rel="stylesheet" type="text/css" href="style.css" media="tty" />
<link rel="stylesheet" type="text/css" href="style.css" media="tv" />