media属性

media属性はリソースを参照するメディアが指定できる属性です。

media属性は以下の値をとることができます。

all	すべてのメディア media属性を省略した場合allが指定されます
screen	PCなどのスクリーンメディア
print	プリンタなどの印刷メディア
aural	音声を出力するメディア(CSS2未満)
speech	音声を出力するメディア(CSS2以上)
braille	点字を出力するメディア
embossed	点字のページを出力するプリンタなどのメディア
handheld	モバイル端末などのメディア
projection	プロジェクターなどのメディア
tty	テレタイプなどのメディア
tv	TVなどのメディア

いくつかのデバイスはこれらのメディアタイプに対応していますが、ほとんどのデバイスは表示にはscreenの記述を、印刷向けにはprintの記述を解釈します。

複数のメディアを指定したい場合はカンマ(,)区切りで指定可能です。

HTML5ではこれらのメディア指定に加えて、メディアの特性を指定できるメディアクエリーの指定が追加されています。

link要素では読み込むスタイルシートを利用するメディアが指定できます。

<link rel="stylesheet" media="print" href="../style.css">

source要素ではmedia属性を利用して動画や音声ファイルに対応するメディアを指定することができます。

<source src="video.mp4" media="screen">

登録日 : 2014年01月30日最終更新日 : 2014年1月30日

HTMLリファレンス