CSSメディアタイプ
メディアタイプを使用すると、文書が別のメディアに提示される方法を指定することができます。 ファイル等の紙、または聴覚ブラウザ上に、スクリーン上の異なる方法で表示することができます
メディアタイプ
いくつかのCSSプロパティは、メディアのいくつかをのみ設計されています。 以下のような「声ファミリー "プロパティは、聴覚利用者エージェントのために設計されています。 いくつかの他の特性は、異なるメディアタイプのために使用することができます。 例えば、「フォントサイズ」プロパティは、画面と印刷媒体に使用されるが、異なる値を持つことができます。 フォントが画面に読み取るためのより適切なセリフ、セリフフォントは紙の上で読みやすくなりながら - 画面と紙のファイルには、通常、サンセリフ、大きなフォントを必要とし、異なります。
@mediaルール
@media規則は、異なるメディアの同じスタイルシートが異なるスタイルを設定できます。
次の例では、ブラウザの画面上に14ピクセルのVerdanaフォントスタイルを表示するには、を教えてくれる。 しかし、印刷されたページは10ピクセルTimesフォントになる場合。 、フォントの太さの紙と太字で設定画面に注意してください：
<html>
<head>
<style>
@media screen
{
p.test {font-family:verdana,sans-serif;font-size:14px;}
}
@media print
{
p.test {font-family:times,serif;font-size:10px;}
}
@media screen,print
{
p.test {font-weight:bold;}
}
</style>
</head>
<body>
....
</body>
</html>
あなたは、あなたが「メディアタイプ」は、他の文字サイズ小ポイントのフォントよりも、別のディスプレイを使用しますが、表示されますのMozilla / FirefoxやIE5 +印刷このページを使用している場合、あなたは！それを自分で試してみて、確認することができます 。
他のメディアタイプ
注：メディアタイプ名は大文字と小文字を区別しません。
| メディアタイプ | 説明 |
|---|---|
| すべて | すべてのメディアデバイスの場合。 |
| 聴覚の | 音声・オーディオ合成のため。 |
| 点字 | ブラインド点字触覚フィードバック装置付き。 |
| エンボス | ページング点字プリンタ用ブラインド。 |
| ハンドヘルドの | 小型のハンドヘルドデバイスの場合。 |
| 印刷 | プリンタ用。 |
| 投影 | このようなスライドなどの表示のためのプログラム、。 |
| 画面 | コンピュータのモニタのため。 |
| TTY | このようなテレタイプや端末などの文字密度メディア、一定のグリッドを使用してください。 |
| テレビ | デバイスのテレビと入力してください。 |