認識されたメディア タイプ_html/css_WEB-ITnose

CSS メディア タイプとして選択された名前は、ターゲット デバイスの関連属性の意味を反映します。以下の CSS メディア タイプのリストでは、メディア タイプの名前は正規のものですが、説明は情報提供です。同様に、各プロパティの説明の「メディア」フィールドは情報提供です。

すべて すべてのデバイスで動作します。 braille (点字) 点字タッチ フィードバック デバイス用。エンボス加工（エンボス加工）は、ページ化された点字印刷に使用されます。ハンドヘルド ハンドヘルド デバイス (小さい画面、限られたクレジット) で使用します。 print ページ分割された資料および印刷プレビュー モードでのドキュメントの画面上表示に使用されます。投影 プロジェクターなどのプレゼンテーションを投影するために使用されます。スクリーン 主にカラーのコンピュータ画面に使用されます。 speech 音声合成装置で使用します。

注: CSS2 には「aural」と呼ばれる同様のメディア タイプがあります。

tty (テレタイプ) 固定幅文字を使用するメディア用 (例: 表示機能が制限されたテレタイプ、端末、ポータブル デバイス)。コード作成者は、「tty」メディア タイプでピクセル単位を使用しないでください。 tv (テレビ) テレビ タイプのデバイス用 (低解像度、カラー、限られたスクロール機能、サウンドが有効)。

メディア タイプ名では大文字と小文字が区別されません。

ドキュメントのレンダリング時にユーザー エージェントが 1 つのメディア タイプのみをサポートできるという意味で、メディア タイプは相互に排他的です。ただし、ユーザー エージェントは、異なるキャンバスで異なるメディア タイプを使用する場合があります。たとえば、ドキュメントが、あるキャンバスでは「画面」モードで表示され、別のキャンバスでは「印刷」モードで表示される場合があります。

混合メディア タイプは依然として単なるメディア タイプであることに注意してください。たとえば、「tv」メディア タイプは、単一のキャンバス上で視覚と聴覚の両方をレンダリングする混合メディア タイプです。

不明なメディア タイプ (ただし有効な識別子) に対する @media ルールと @import ルールは、不明なメディア タイプが存在しないかのように扱われます。 @media/@import ルールに不正な形式のメディア タイプ (識別子ではない) が含まれている場合、ステートメントは効果がありません。

注: これらのエラー処理はメディア クエリに置き換えられます。

たとえば、次のスニペットでは、P 要素のルールが「スクリーン」モードで適用されます (ただし、「3D」メディア タイプは不明です)。

 @media screen, 3D {   P { color: green; } }

注: CSS の今後の更新により、メディア タイプのリストが拡張される可能性があります。コード作成者は、CSS 仕様で定義されていないメディア タイプ名を使用しないでください。