CSSメディアタイプ
CSS メディア タイプ
メディア タイプを使用すると、さまざまなメディアでファイルをレンダリングする方法を指定できます。ファイルは、畫面上、紙上、聴覚ブラウザなど、さまざまな方法で表示できます。
メディア タイプ
一部の CSS プロパティは、特定のメディア専用に設(shè)計(jì)されています。たとえば、「voice-family」屬性は、ユーザー エージェントの聲を聞くために設(shè)計(jì)されています。他にもいくつかのプロパティがさまざまなメディア タイプで使用できます。たとえば、「font-size」屬性は畫面メディアと印刷メディアに使用できますが、値は異なります。畫面上の文書と紙の文書は異なり、通常、畫面上ではサンセリフ フォントの方が読みやすく、紙上ではセリフ フォントの方が読みやすくなります。
@media ルール
@media ルールを使用すると、同じスタイル シートで異なるメディアに異なるスタイルを設(shè)定できます。
以下の例は、ブラウザ畫面に 14 ピクセルの Verdana フォント スタイルを表示するように指示しています。ただし、ページを印刷すると、10 ピクセルの Times フォントで表示されます。フォントの太さは畫面上でも紙上でも太字に設(shè)定されていることに注意してください:
<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 以降を使用してこのページを印刷すると、「メディア タイプ」が表示されます。他のテキストのフォント サイズよりも小さい別のフォントを使用して表示されます。
その他のメディア タイプ
注: メディア タイプ名では大文字と小文字が區(qū)別されません。
メディアタイプの説明
all すべてのメディアデバイスに使用されます。
聴覚スピーチおよびオーディオ シンセサイザーに使用されます。
點(diǎn)字は、目の見(jiàn)えない人のための點(diǎn)字觸覚フィードバック裝置です。
ページネーション用のエンボス點(diǎn)字プリンター。
ハンドヘルド??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
print プリンター用。
投影は、スライドなどのプロジェクトのプレゼンテーションに使用されます。
スクリーン コンピュータのモニターに使用されます。
ttyテレタイプライターや端末など、固定密度の文字グリッドを使用するメディアで使用します。 で使用されるtv録音。
