22.12.2013 Views

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

<br />

<br />

Link to a target medium<br />

<br />

<br />

<br />

The body...<br />

<br />

<br />

The @import [p. 71] rule is defined in the chapter on the cascade [p. 69] .<br />

7.2.1 The @<strong>media</strong> rule<br />

An @<strong>media</strong> rule specifies the target <strong>media</strong> types [p. 78] (separated by commas)<br />

of a set of rules (delimited by curly braces). The @<strong>media</strong> construct allows style<br />

sheet rules for various <strong>media</strong> in the same style sheet:<br />

@<strong>media</strong> print {<br />

BODY { font-size: 10pt }<br />

}<br />

@<strong>media</strong> screen {<br />

BODY { font-size: 12pt }<br />

}<br />

@<strong>media</strong> screen, print {<br />

BODY { line-height: 1.2 }<br />

}<br />

7.3 Recognized <strong>media</strong> types<br />

A CSS <strong>media</strong> type names a set of CSS properties. A user agent that claims to<br />

support a <strong>media</strong> type by name must implement all of the properties that apply to<br />

that <strong>media</strong> type.<br />

The names chosen for CSS <strong>media</strong> types reflect target devices for which the<br />

relevant properties make sense. In the following list of CSS <strong>media</strong> types, the<br />

parenthetical descriptions are not normative. They only give a sense of what<br />

device the <strong>media</strong> type is meant to refer to.<br />

all<br />

Suitable for all devices.<br />

aural<br />

Intended for speech synthesizers. See the section on aural style sheets<br />

[p. 277] for details.<br />

braille<br />

Intended for braille tactile feedback devices.<br />

embossed<br />

Intended for paged braille printers.<br />

handheld<br />

Intended for handheld devices (typically small screen, monochrome, limited<br />

bandwidth).<br />

print<br />

Intended for paged, opaque material and for documents viewed on screen in<br />

print preview mode. Please consult the section on paged <strong>media</strong> [p. 175] for<br />

78

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!