たまに必要になると、良くわからなくなるCSS2.1で定義されているメディアの種類メモ。
- all
- すべての環境
- screen
- パソコン画面
- tty
- 文字幅が固定の機器
- tv
- テレビベースのウェブブラウザ
- projection
- プロジェクタ
- プリンタ
- handheld
- 携帯用機器
- braille
- 点字出力機器
- embossed
- 点字プリンタ
- speech
- 音声出力機器
振り分けるには、@mediaの後に半角スペースで該当のメディアの種類を指定します。
複数指定の場合はカンマ（,）区切りで指定。
@media screen,tv {
...
}
@media print {
...
}
出力とは関係ないですが、
@mediaルールは、Mac IE 5 が対応していないので、Mac IE 5 における CSSハックとしても使われてますね。