Edit

Page

Page title:

Page body:

[1] [DFN[[RUBYB[[[媒体クエリーリスト]]]@en[media query list]]]]は、[[媒体クエリー]]を[[コンマ]]区切りで連結したものであり、
それらいずれかの条件に一致する[[媒体]]と一致します。

* 仕様書

[REFS[
- [2] '''[CITE@en[Media Queries Level 4]] ([TIME[2013-07-25 22:52:42 +09:00]] 版) <http://w3c-test.org/csswg/mediaqueries/#media0>'''
- [8] [CITE@en[Media Queries Level 4]] ([TIME[2013-07-25 22:52:42 +09:00]] 版) <http://w3c-test.org/csswg/mediaqueries/#error-handling>
]REFS]

* 構文

[3] [[媒体クエリーリスト]]は0個以上の[[媒体クエリー]] (狭義) を [CODE(CSS)@en['[[,]]']] で連結したものです。
[SRC[>>2]]

[4] [[媒体クエリー]]の前後には[[空白]]を挿入できます。 [SRC[>>2]]

;; [10] [[Chrome]] は全体として[[空文字列]]であるか、1つ目が非[[空文字列]]でないと、構文エラーとみなすようです。
また2つ目以降に[[空文字列]]があると、全体として[[空文字列]]とみなすようです (つまり [CODE(CSS)@en['[[all]]']]
扱いになります)。 [TIME[2013-08-03T08:55:18.000Z]]

;; [11] [[Firefox]] は全体として[[空文字列]]である場合以外で[[媒体クエリー]]が[[空文字列]]なら [CODE(CSS)@en['[[not]] [[all]]']]
に置き換えます。ただし[[媒体クエリーリスト]]の末尾の [CODE(CSS)[[[,]]]] は無視します。例えば
[CODE(CSS)@en[,,]] は [CODE(CSS)[not all,not all]] と構文解析されます。 [TIME[2013-08-03T08:58:06.400Z]]

* 意味

[5] [[媒体クエリーリスト]]に含まれるいずれかの[[媒体クエリー]]が[[真]]なら、全体として[[真]]になります。
また[[媒体クエリー]]が1つも含まれない場合も[[真]]となります。それ以外の場合は[[偽]]となります。 [SRC[>>2]]

[7] 含まれる[[媒体クエリー]]が構文的に正しくないときは、 [CODE(CSS)@en[[[not]] [[all]]]] と同じように扱われます。
[SRC[>>8]]

[EG[
[9] 例えば [CODE(CSS)@en[screen !important, speech]] は [CODE(CSS)@en[[[speech]]]] にだけ一致します。
]EG]

* 文脈

[6] [[媒体クエリーリスト]]は次の場面で使われています。
[FIG(short list)[
- [CODE(CSS)@en[[[@media]]]]
- [CODE(CSS)@en[[[@import]]]]
- [CODE(HTMLa)@en[[[media]]]] [[属性]] ([[HTML]], [[SVG]], [CODE(XML)@en[[[xml-stylesheet]]]])
- [CODE(DOMa)@en[[[mediaText]]]] [[属性]]
- [CODE(DOMm)@en[[[matchMedia]]]] [[メソッド]]
]FIG]

* 歴史

[14] [[MQ3]] 世代では単に media query と呼ばれていました。

[REFS[
- [12] [CITE@en[Web Applications 1.0 r8732 Sync with MQ4]]
( ([TIME[2014-08-29 08:59:00 +09:00]] 版))
<http://html5.org/r/8732>
- [13] [CITE@en[Sync with http://html5.org/r/8732 (Sync with MQ4) · f1e6be5 · ResponsiveImagesCG/picture-element]]
( ([TIME[2014-09-09 13:41:59 +09:00]] 版))
<https://github.com/ResponsiveImagesCG/picture-element/commit/f1e6be561f4d36b45b5a34e0d752c25a3c65b926>
]REFS]

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Page name(s)