スタイルシートの最も重要な機能の 1 つは、ページ、画面、電子シンセサイザーなどのさまざまなメディアで使用できることです。特定のプロパティは特定のメディアでのみ機能します。たとえば、「font-size」プロパティはスクロール可能なメディア タイプ (画面) でのみ有効です。
メディア属性の宣言は、@import または @media を使用して導入できます。
ここに引用があります:
@import url(loudvoice.css) 音声;
@メディアプリント{
/* 印刷用のスタイルシートがここにあります */
}
メディアはドキュメントのマークアップに導入することもできます。
ここに引用があります:
<link rel="stylesheet" type="text/css" media="print" href="foo.css">
@import と @media の違いは、前者はメディア タイプの外部スタイルシートを導入するのに対し、後者はメディア属性を直接導入することであることがわかります。 @import を使用する方法は、@import にスタイル シート ファイルの URL アドレスを追加し、その後メディア タイプを追加することです。スタイル シートは複数のメディアで共有でき、メディア タイプは「,」区切りで区切られます。 @media の使用法はメディア タイプを最初に置き、その他のルールは基本的にルールセットと同じです。さまざまなメディアの種類を以下に示します。
SCREEN: コンピュータの画面を指します。
PRINT: プリンターで使用される不透明なメディアを指します。
PROJECTION: 表示に使用されるプロジェクトを指します。
BRILLE: 点字システム。触覚効果のある印刷物を指します。
AURAL: 電子音声合成装置を指します。
TV: テレビタイプのメディアを指します。
HANDHELD: ハンドヘルド表示デバイス (小画面、モノクロ) を指します。
ALL: すべてのメディアに適しています。