Previous Post: CSS: Create a style sheet for print only
Next Post: Javascript: What is JSON?

CSS: Media types

Posted By Scott Klarr on Dec 09, 2007 at 1:47 am

A CSS media type names a set of CSS properties. A user agent that claims to support a media type by name must implement all of the properties that apply to that media type.

The names chosen for CSS media types reflect target devices for which the relevant properties make sense. In the following list of CSS media types, the parenthetical descriptions are not normative. They only give a sense of what device the media type is meant to refer to.

all

Suitable for all devices.

aural

Intended for speech synthesizers. See the section on aural style sheets for details.

braille

Intended for braille tactile feedback devices.

embossed

Intended for paged braille printers.

handheld

Intended for handheld devices (typically small screen, monochrome, limited bandwidth).

print

Intended for paged, opaque material and for documents viewed on screen in print preview mode.

projection

Intended for projected presentations, for example projectors or print to transparencies.

screen

Intended primarily for color computer screens.

tty

Intended for media using a fixed-pitch character grid, such as teletypes, terminals, or portable devices with limited display capabilities. Authors should not use pixel units with the "tty" media type.

tv

Intended for television-type devices (low resolution, color, limited-scrollability screens, sound available).

Media type names are case-insensitive.

For more information about media types, See W3C Media Type Documentation

Related Links

Post Comment