@media(メディアタイプ)の指定

この指定を行うと、出力先のメディア毎にスタイルを適用させることができます。

all すべてのメディアが対象
screen PC画面が対象
print プリンタが対象
tv テレビが対象
projection プロジェクターが対象
handheld モバイル機器が対象
braille 点字出力機器が対象
embossed 点字プリンタが対象
aural
speech
(CSS 2.1)
音声出力機器が対象
tty テレタイプなどの文字幅が固定の機器を対象にする

以下の例では、PC画面とプリンタの設定をしています。
カンマ(,)で区切ることで、複数のメディアタイプを設定できます。

@media screen,print {
スタイルの設定
}

コメント