7 メディア型

7.1 メディア型の導入

スタイルシートの機能の中で最も重要なものの一つは,様々なメディアで文書がどのよう に表示されるかを指定することである。様々なメディアとは,画面,紙,音声合成器,点字装置などをいう。

特定のメディア用に設計を限定されているCSS特性もある。例えば, 'cue-before'特性は,聴覚利用者エージェント用に設計される。 しかし,場合によっては,異なるメディア型に対応するスタイルシートが一つの特性を共有してもよいが, その特性に対して異なるの値を要求する場合がある。 例えば, 'font-size'特性は,画面及び印刷メディアの両 方に利用できる。しかし, 二つのメディアは共通の特性に対して異なる値を必要とするほ どの違いがある。即ち,文書は,通常,紙の上よりもコンピュータ画面上で,より大きいフォントを必要とする。 sans-serifフォントは画面上で読む方が易しく,セリフのあるフォントは紙で読むほ うが易しいことは,経験からもわかっている。これらの理由から,スタイルシート又 はスタイルシートのセクションが特定のメディア型に適用されることを表現することが必要である。

7.2 メディア依存スタイルシートの指定

現在,スタイルシートのメディア依存性を指定する方法は二つある。

@import規則は 段階に関する章で定義されている。

7.2.1 @media規則

@media 規則 は,波括弧で区切られた規則の集合のメディア型を指定する。 メディア型はコンマで区切られている。 @media構成により,同一スタイルシート の様々なメディアにスタイルシート規則を適用できる。

  @media print {
    BODY { font-size: 10pt }
  }
  @media screen {
    BODY { font-size: 12pt }
  }
  @media screen, print {
    BODY { line-height: 1.2 }
  }

7.3 認識されるメディア型

CSS メディア型 は,CSS特性の集合を命名する。名前によるメディア型のサポートを表明 する利用者エージェントは,そのメディア型に適用される特性をすべて実装しなければ ならない。

CSSメディア型用に選択された名前は,関連特性が意味をもつ対象装置を反映している。 次のCSSメディア型のリストでは,括弧内の記述は規定ではなく,メディア型がどの ような装置を参照することを意味するかの観念を与えているだけである。

all
すべての装置に適用可能である。
aural
音声合成器を意図したものである。詳細については, 聴覚 スタイルシートを参照のこと。
braille
点字触覚フィードバック装置を意図したものである。
embossed
ページ付けした点字プリンタを意図したものである。
handheld
ハンドヘルド装置(通常,小さい画面,モノクローム,制限された帯域幅)を意図したものである。
print
ページ付けした不透明な材質のもの,及び印刷プレビューモードの画面で表示される文書を意 図したものである。ページ付けしたメディアに固有のフォーマット化の問題に関する情報については, ページ付けしたメディアを参照のこと。
projection
投影表示を意図したものである。例えば,スライドへの投影又は印刷である。ページ付けした メディアに固有のフォーマット化の問題に関する情報については, ページ付したメディアを参照のこと。
screen
主に色表示可能なコンピュータ画面を意図したものである。
tty
テレタイプ,端末,表示能力が制限されたポータブル装置など,固定送り文字の格子を使用するメディアを意図したものである。 文書作成者は"tty"メディア型で 画素単位を使用しないほうがよい。
tv
(低解像度,色表示可能,スクロール機能が制限された画面,音が利用可能な) テレビジョン型の装置を意図したものである。

メディア型名は大文字及び小文字を区別しない。

技術が急速に変化するため,CSS2は @mediaに対する値であるメディア 型の完全リストを指定しない。

備考 将来リリースされるCSSの版はこのリストを拡張する可能性がある。 文書作成者はCSS規定でまだ定義されないメディア型名に依存しないことが望ましい。

7.3.1 メディアグループ

各CSS特性定義はメディア型を指定する。 適合する利用者エージェントは, メディア型に対して特性を実装しなければならない。一般に特性が様々な メディアに適用されるため,各特性定義の "メディアへの適用"で 個々のメディア型ではなく, メディアグループを列挙している。 各特性は,定義で列挙されているメディアグループのメディア型すべてに適用される。

CSS2は次のメディアグループを定義する。

次の表で,メディアグループとメディア型との関係を示す。

メディアグループとメディア型との関係
メディア型 メディアグループ
  continuous/paged visual/aural/tactile grid/bitmap interactive/static
auralcontinuousauralN/Aboth
braillecontinuoustactilegridboth
embosspagedtactilegridboth
handheldbothvisualbothboth
printpagedvisualbitmapstatic
projectionpagedvisualbitmapstatic
screencontinuousvisualbitmapboth
ttycontinuousvisualgridboth
tvbothvisual, auralbitmapboth