媒体型 (CSS)

仕様書

媒体型の一覧

[53]

媒体クエリーでの評価

[37] 媒体クエリーで媒体型が指定された場合、利用者エージェントの装置が指定された媒体型と一致すれば真、一致しなければ偽となります。

[38] 特別な媒体型である all はすべての媒体型と一致するとみなされます。

[39] not、and、or、 only は予約語となっており、媒体型とはみなされず構文エラーになります。 >>36

[40] このうち or は他の用途で使われていません。

[46] Gecko は構文エラーとみなさず、 CSSOM に現れます。 Chrome は or を構文エラーとみなしませんがそれ以外はみなします。

[41] 未知の媒体型は、偽と評価されます。 >>36

[42] 不正なものとして無視されるのではなく、偽となります。従って not unknown-media-type は真になります。

[43] CSSOM 上も未知の媒体型はそのまま現れます。 (全体が無視されるわけではありません。)

[44] Chrome、Firefox 2013-08-03T02:06:20.300Z

適合性

[49] 媒体クエリーが適合するためには、媒体型は適当な仕様に適合するものである必要があります。 <http://w3c-test.org/csswg/mediaqueries/#syntax>

[50] >>49 のような「事実の文」はありますが、現代的な仕様ならあるべき明確な適合性の規定はどこにもありません...

メモ

[4] 媒体記述子 (media descriptor) は、媒体の種類を表す名前です。

[5] HTML 4 や CSS では媒体型 (media type) とも呼びます (特に CSS では媒体型とのみ呼びます) が、媒体型というと MIME の Internet Media Type (Content Type) を指すこともありますから、ここでは媒体記述子と呼びます。

なお、 HTML 4 では後者を内容型 (Content Type) と呼ぶことではっきり区別しています。

[23] CSS3 では条件判断を含めて拡張した媒体問合せ (media query) を導入しています。

[24] HTML / XML の媒体型と CSS の媒体型は、ほとんど値や定義が同じですが、同じものだという規定はどこにもありません。ですから CSS2 にある embossed という値を HTML 4 や XML で使って良いのか判断できません。 >>21 の CSS3 draft の内容を見れば、 W3C 的には同じ値をとり得ることは明らかですから、現状で不明瞭なのは単に HTML と CSS の制定時期の関係だと思われます。

XHTML2 の draft は CSS2 を参照していますから、この状況は改善されるでしょう。

[35] >>24 とかいってると

HTML Working Group Voyager Issue Tracking System - Modularization-text/8302 <http://hades.mn.aptest.com/cgi-bin/voyager-issues/Modularization-text?id=8302>

のようなくだらない問題を引き起こすんだよねぇw (名無しさん [sage])

(X)HTML

[6] HTML 4 では、 link 要素の media 属性の値として使い、リンク先文書の媒体を示します。

主に、外部スタイル・シートの適用媒体を指定するのに使いますが、他のリンク型に対しても使えます。

HTML 4 を XML 化した XHTML1 でも同様に使えます。

[9] style 要素にも media 属性があります。 (こちらはもちろんスタイル・シート専用です。)

[10] 仕様には既定値は screen だと書いてありますが、 DTD には載っていません。 (all ではないんだ。)

[22] >>10 XHTML2 の draft は既定値を all にしています。

[11] media 属性の値 %MediaDesc; は媒体型を読点区切りで列挙したものですが、 HTML4 では、将来の版の拡張を想定した解析方法を規定しています。

[7] Basic HTML data types: Media descriptors <http://www.w3.org/TR/html4/types.html#type-media-descriptors>
[8] Style Sheets in HTML documents: Media types <http://www.w3.org/TR/html4/present/styles.html#h-14.2.4>
XHTML m12n
- 4.3. Attribute Types <IW:XHTML1m12n:"abstraction.html#dt_MediaDesc">

[12] >>7 では case-sensitive と書かれていますが、 case-insensitive にリンクされています。 media 属性の定義と照らし合わせると大文字・小文字は区別しないのが正しいと思われます。 (HTML4 Errata になし。)
[1] XHTMLからメタデータを自動抽出する <http://www.kanzaki.com/docs/sw/xh2meta.html#xslt-pi> meta が提案されています。

媒体型の値

all: 全ての機器
aural: 発話合成器
braille: 点字凹凸 feedback 機器
handheld: handheld 機器 (小画面, 白黒, ビットマップ画像, 限られた帯域)
print: 頁付けされた不透明なもの及び画面上での印刷予見 (プレビュー) モードでの表示
projection: 投影機
screen: 頁付けされていない計算機画面
tty: 固定幅文字枠を使う媒体。テレタイプ, 端末, 限られた表示能力の携帯機器など
tv: テレビ型機器 (低解像度, 多色, 限られたスクロール能力)
atsc-tv: ATSC DASE 利用者エージェント DASE]
csshttprequest: CSSHttpRequest

解釈

[34] HTML 4 は、 media 属性の構文解析に際し、将来の拡張を見越して次の処理を適合利用者エージェントに義務付けています。 (<IW:HTML4:"types.html#type-media-descriptors"> 参照。)

値を実体の読点分離並びとして解釈する。仕様書の例示によれば、読点の直後の空白も分離子に含まれる。
[A-Za-z0-9-] 以外の最初の文字の直前までに丸める。
大文字・小文字を区別して定義された媒体型との一致を試みる。一致しなければ無視する。

CSS

CSS2

[13] CSS は level 2 で媒体型の考え方を導入しました。

[15] CSS2 で媒体型の値を指定できる場所は、 @import と @media の2箇所です。例:

 @import 'foo.css' screen;
 @media screen, print {
   .foo {display: none}
 }

[17] CSS2 は、技術の進歩は早いので @media で指定できる媒体型の値の完全な一覧は定義しないとしています。従って、 CSS2 仕様書にない値を使うことは必ずしも問題ではありません。

しかし無闇に仕様外の値を使うことは望ましくないでしょう。どうしても仕様にない値を使う場合は、 -foo-medianame のように明らかに非標準であることが分かる名前を選ぶといいかもしれません。

[18] CSS2 附属書 D を元にした ABNF での構文:

media-types = medium *([FWS] "," [FWS] medium) [FWS]
medium = IDENT

[19] >>18 の構文からすれば >>18 の例は不正ですが、 -moz-* のような拡張属性名・属性値を考えれば問題ないでしょう。

[20] 媒体型は大文字・小文字を区別しません。

[16] CSS2 は媒体型に加えて媒体組 (media group) を定義しています。これは媒体型のようにスタイル・シートなどに記述するものではなく、仕様書の説明のためのもののようです。 (媒体型同様に使えるとはかかれていませんし、構文などに登場しませんし、 W3C の Validator でも error がでます。)

[14] Media types <http://www.w3.org/TR/REC-CSS2/media.html>
[2] CSS2 メディアタイプ・ノート <http://is.vis.ne.jp/notes/css2_syndata/css2_media_types.xhtml>
[3] CSS2 @ルールなど・対応表: @mediaルール <http://is.vis.ne.jp/charts/css2_rules/index.xhtml#at_media>
[33] SkankWorks・2003年6月・メディアごとのスタイルシート <http://anoh.s10.xrea.com/03-06.php#d2003-06-08c1>: ブラウザがスタイル・シートの適用時に媒体名を見てどうするかについて。

媒体型の値

all: 全ての機器
aural: 発話合成器
braille: 点字凹凸 feedback 機器
dark: 利用者が暗い背景色を使っているとき [Emacs/W3]
emacs: Emacs 19 (なぜに 19?) [Emacs/W3]
embossed: 頁付けのある点字印刷機
handheld: handheld 機器 (典型的には小画面, 白黒, 限られた帯域)
light: 利用者が薄い背景色を使っているとき [Emacs/W3]
oxygen: Oxygen Oxygen
print: 頁付けされた不透明なもの及び画面上での印刷予見 (プレビュー) モードでの表示
projection: 投影表現用。投影機又は透明なものへの印刷
screen: 主に色付けられる計算機画面
speech: -> aural [Emacs/W3]
tty: 固定幅文字枠を使う媒体。テレタイプ, 端末, 限られた表示能力の携帯機器など (ピクセル単位を使用するべきではない)
atsc-tv: ATSC DASE 利用者エージェント DASE
dde-tv: ARSC DDE 利用者エージェント DDE
dvb-tv: MHP 端末 [MHP 1.1]
tv: テレビ型機器 (低解像度, 多色, 限られたスクロール能力の画面, 音声が利用可能)
xemacs: XEmacs 19 (なぜに 19?)

[31] 多分 (X)Emacs 19 なのはそういう時代に Emacs/W3 の文書が書かれたからで、今の版でも有効なんじゃ?

[32] CSS 2 附属書 A のスタイル・シートの例では aural とすべきところが誤って speech になってます (Errata in REC-CSS2-19980512 <http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html>)。このスタイル・シート片はそもそも Emacspeak の作者のものを採ったらしいです。なるほど。

媒体組の値

continuous: 継続
paged: 頁付け
visual: 視覚的
aural: 聴覚的
tactile: 触覚的
grid: 枠あり (文字枠機器)
bitmap: ビットマップ (表示位置を自由に設定できる)
interactive: 対話型 (利用者の操作を得られる機器)
static: 静的 (利用者の操作を得られない)
all: 全て

	連続性	対象感覚	配置の自由性	動的か静的か
aural	continuous	aural	なし	両方
braille	continuous	tactile	grid	両方
`dvb-tv`	continuous	visual	bitmap	両方
embossed	paged	tactile	grid	両方
handheld	両方	visual	両方	両方
print	paged	visual	bitmap	static
projection	paged	visual	bitmap	static
screen	continuous	visual	bitmap	両方
tty	continuous	visual	grid	両方
tv	両方	visual & aural	bitmap	両方