特定のメディア用に設計を限定されているCSS特性もある。例えば, 'cue-before'特性は,聴覚利用者エージェント用に設計される。 しかし,場合によっては,異なるメディア型に対応するスタイルシートが一つの特性を共有してもよいが, その特性に対して異なるの値を要求する場合がある。 例えば, 'font-size'特性は,画面及び印刷メディアの両 方に利用できる。しかし, 二つのメディアは共通の特性に対して異なる値を必要とするほ どの違いがある。即ち,文書は,通常,紙の上よりもコンピュータ画面上で,より大きいフォントを必要とする。 sans-serifフォントは画面上で読む方が易しく,セリフのあるフォントは紙で読むほ うが易しいことは,経験からもわかっている。これらの理由から,スタイルシート又 はスタイルシートのセクションが特定のメディア型に適用されることを表現することが必要である。
現在,スタイルシートのメディア依存性を指定する方法は二つある。
@import url("loudvoice.css") aural;
@media print {
/* style sheet for print goes here */
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<TITLE>Link to a target medium</TITLE>
<LINK rel="stylesheet" type="text/css"
media="print, handheld" href="foo.css">
</HEAD>
<BODY>
<P>The body...
</BODY>
</HTML>
@media 規則 は,波括弧で区切られた規則の集合のメディア型を指定する。 メディア型はコンマで区切られている。 @media構成により,同一スタイルシート の様々なメディアにスタイルシート規則を適用できる。
@media print {
BODY { font-size: 10pt }
}
@media screen {
BODY { font-size: 12pt }
}
@media screen, print {
BODY { line-height: 1.2 }
}
CSS メディア型 は,CSS特性の集合を命名する。名前によるメディア型のサポートを表明 する利用者エージェントは,そのメディア型に適用される特性をすべて実装しなければ ならない。
CSSメディア型用に選択された名前は,関連特性が意味をもつ対象装置を反映している。 次のCSSメディア型のリストでは,括弧内の記述は規定ではなく,メディア型がどの ような装置を参照することを意味するかの観念を与えているだけである。
メディア型名は大文字及び小文字を区別しない。
技術が急速に変化するため,CSS2は @mediaに対する値であるメディア 型の完全リストを指定しない。
備考 将来リリースされるCSSの版はこのリストを拡張する可能性がある。 文書作成者はCSS規定でまだ定義されないメディア型名に依存しないことが望ましい。
各CSS特性定義はメディア型を指定する。 適合する利用者エージェントは, メディア型に対して特性を実装しなければならない。一般に特性が様々な メディアに適用されるため,各特性定義の "メディアへの適用"で 個々のメディア型ではなく, メディアグループを列挙している。 各特性は,定義で列挙されているメディアグループのメディア型すべてに適用される。
CSS2は次のメディアグループを定義する。
次の表で,メディアグループとメディア型との関係を示す。
| メディア型 | メディアグループ | |||
|---|---|---|---|---|
| continuous/paged | visual/aural/tactile | grid/bitmap | interactive/static | |
| aural | continuous | aural | N/A | both |
| braille | continuous | tactile | grid | both |
| emboss | paged | tactile | grid | both |
| handheld | both | visual | both | both |
| paged | visual | bitmap | static | |
| projection | paged | visual | bitmap | static |
| screen | continuous | visual | bitmap | both |
| tty | continuous | visual | grid | both |
| tv | both | visual, aural | bitmap | both |