メディアクエリ レベル3

概要

HTMLとCSSは現在、異なるメディアタイプに合わせたメディア依存スタイルシートをサポートしています。例えば、文書は画面表示の際はサンセリフ体フォントを、印刷時にはセリフ体フォントを使用できます。 screenやprintは定義済みのメディアタイプの一例です。 メディアクエリは、スタイルシートのより厳密なラベリングを可能にすることで、メディアタイプの機能を拡張します。

メディアクエリは、メディアタイプと、特定のメディア特性の条件をチェックするゼロ個以上の式から構成されます。メディアクエリで使用できるメディア特性には、 width、height、colorなどがあります。メディアクエリを利用することで、 プレゼンテーションをコンテンツ自体を変更せずに、特定の出力デバイスの範囲に合わせて調整できます。

この文書のステータス

このセクションでは、公開時点における本書のステータスについて説明します。最新のW3C出版物一覧と、この技術レポートの最新版はW3C技術レポート一覧（https://www.w3.org/TR/）で確認できます。

この文書は CSS作業グループ によって、 勧告トラックを通じて勧告として公開されました。 修正案も含まれています。

W3C勧告は、十分な合意形成の後、W3Cとそのメンバーによって承認され、ワーキンググループメンバーによる 実装のためのロイヤリティフリーライセンスへの コミットメントが伴います。

W3Cは本仕様をWeb標準として広く展開することを推奨します。

ご意見・フィードバックは GitHubでIssueを提出（推奨）してください。 件名に「mediaqueries-3」を含めてください（例：「[mediaqueries-3] …コメント概要…」）。 すべてのIssueやコメントはアーカイブされています。 または、（アーカイブ）された公開メーリングリスト www-style@w3.org までお送りください。 コメントの締切は2024年7月21日です。

将来のこの勧告の更新では新機能が追加される場合があります。

この文書は2023年11月3日W3Cプロセス文書に従って管理されています。

この文書はW3C特許ポリシーに従って活動するグループにより作成されました。 W3Cはグループの成果物に関連して提出された特許開示の公開リストを維持しています。 そのページには特許開示の方法も記載されています。個人が本当にW3C必須特許と考える特許を知っている場合は、 W3C特許ポリシー第6節に従って開示しなければなりません。

著作権 © 2024 World Wide Web Consortium。W3C^® 免責事項、商標および許諾型文書ライセンスが適用されます。

1. 背景

（このセクションは規範的ではありません。）

HTML4 [HTML401] および CSS2 [CSS21] は現在、異なるメディアタイプ向けに調整されたメディア依存スタイルシートをサポートしています。たとえば、文書は 画面表示と印刷で異なるスタイルシートを使用できます。HTML4では、次のように記述できます：

<link rel="stylesheet" type="text/css" media="screen" href="sans-serif.css">
<link rel="stylesheet" type="text/css" media="print" href="serif.css">

CSSスタイルシート内では、特定のメディアタイプに適用されるセクションを宣言できます：

@media screen {
  * { font-family: sans-serif }
}

『print』および『screen』メディアタイプはHTML4で定義されています。 HTML4におけるメディアタイプの完全なリストは、『aural』、『braille』、『handheld』、『print』、『projection』、『screen』、『tty』、 『tv』です。CSS2は同じリストを定義し、 『aural』を非推奨とし、 『embossed』と『speech』を追加しました。 また、『all』はスタイルシートがすべてのメディアタイプに適用されることを示します。

メディア固有のスタイルシートは複数のユーザーエージェントでサポートされています。最も一般的に使われる機能は『screen』と『print』の区別です。

スタイルシートがどの種の出力デバイスに適用されるかをより詳細に記述する方法を求める要望がありました。幸いにもHTML4はこれらの要望を予見し、メディアタイプの前方互換な構文を定義しました。 以下はHTML4、セクション6.13からの引用です：

将来のHTMLのバージョンでは新しい値やパラメータ付きの値が導入される可能性があります。これらの拡張を容易にするため、適合するユーザーエージェントはmedia 属性値を以下のようにパースできる必要があります：

1. 値はカンマ区切りのエントリリストです。例：

   media="screen, 3d-glasses, print and resolution > 90dpi"

   は次のようにマッピングされます：

   "screen"
   "3d-glasses"
   "print and resolution > 90dpi"

2. 各エントリは最初に現れる US ASCII 英字 [a-zA-Z]（Unicode 10進65-90, 97-122）、数字 [0-9] （Unicode 16進30-39）、またはハイフン（45）以外の文字の直前で切り詰められます。この例の場合、次のようになります：

   "screen"
   "3d-glasses"
   "print"

この仕様で記述されるメディアクエリは、HTML4で示されたメカニズムを拡張しています。メディアクエリの構文はHTML4で予約されたメディアタイプ構文に適合します。 HTML4のmedia属性は、XHTMLや汎用XMLにも存在します。 同じ構文はCSSの『@media』および『@import』ルール内でも利用できます。

ただし、メディアクエリのパース規則はHTML4とは互換性がなく、CSSで使われるメディアクエリのパース規則と一致させています。

新しいバージョンのHTML [HTML] はMedia Queries仕様を直接参照しており、そのためHTMLの規則も更新されています。

2. メディアクエリ

メディアクエリはメディアタイプと、特定のメディア特性の条件をチェックする ゼロ個以上の式から構成されます。

このセクションにおけるメディアクエリに関する記述は構文セクションが前提です。 構文に適合しないメディアクエリについてはエラー処理セクションで扱います。 つまり、構文がこのセクションの要件より優先されます。

<link rel="stylesheet" media="screen and (color)" href="example.css" />

@import url(color.css) screen and (color);

メディアクエリはtrueまたはfalseの論理式です。メディアクエリがtrueとなるのは、メディアクエリのメディアタイプが ユーザーエージェントが動作しているデバイスのメディアタイプ（「適用対象」行で定義）と一致し、 メディアクエリ内のすべての式がtrueである場合です。

すべてのメディアタイプに適用されるメディアクエリには略式構文が用意されています。 キーワード『all』は省略可能（および末尾の『and』も）。 つまり、メディアタイプが明示されていない場合は『all』となります。

@media all and (min-width:500px) { … }
@media (min-width:500px) { … }

@media (orientation: portrait) { … }
@media all and (orientation: portrait) { … }

複数のメディアクエリは、カンマ区切りリストとして組み合わせることができます。 カンマ区切りのメディアクエリリストのうち、一つ以上がtrueなら全体はtrue、そうでなければfalseです。 メディアクエリ構文では、カンマは論理OR、『and』は論理ANDを表します。

@media screen and (color), projection and (color) { … }

メディアクエリリストが空（宣言が空文字列または空白のみ）ならtrueとなります。

@media all { … }
@media { … }

論理NOTは『not』キーワードで表現できます。 メディアクエリの先頭に『not』があると結果が反転します。 つまり、もともとtrueだったメディアクエリはfalseになり、その逆も同様です。 メディアタイプしかサポートしないユーザーエージェント（HTML4記述）は 『not』を認識しないため、該当スタイルシートは適用されません。

<link rel="stylesheet" media="not screen and (color)" href="example.css" />

『only』キーワードも、古いユーザーエージェントから スタイルシートを隠すために使えます。ユーザーエージェントは 先頭が『only』のメディアクエリを 『only』が存在しないものとして処理しなければなりません。

<link rel="stylesheet" media="only screen and (color)" href="example.css" />

メディアクエリ構文はHTML、XHTML、XML [XMLSTYLE]やCSSの@import・@media規則で利用できます。

<link media="screen and (color), projection and (color)" rel="stylesheet" href="example.css">

<link media="screen and (color), projection and (color)" rel="stylesheet" href="example.css" />

<?xml-stylesheet media="screen and (color), projection and (color)" rel="stylesheet" href="example.css" ?>

@import url(example.css) screen and (color), projection and (color);

@media screen and (color), projection and (color) { … }

メディア特性がUAの動作するデバイスに適用されない場合、その特性を用いた式はfalseになります。

<link rel="stylesheet" media="aural and (device-aspect-ratio: 16/9)" href="example.css" />

単位がデバイスに適用できない場合も、式は必ずfalseになります。

<link rel="stylesheet" media="speech and (min-device-width: 800px)" href="example.css" />

循環依存を避けるため、他の特性が明示的にMedia Queriesの判定に影響すると指定しない限り、 式の評価のためにスタイルシートを適用する必要はありません。 たとえば、印刷文書の縦横比はスタイルシートで影響を受けるかもしれませんが、 『device-aspect-ratio』を用いた式は ユーザーエージェントのデフォルトの縦横比で評価されます。

ユーザーエージェントは、ユーザー環境の変化（例：デバイスが横から縦に傾けられた場合）に応じて ページの再評価・再レイアウトを行うことが期待されていますが、必須ではありません。

3. 構文

メディアクエリの構文はCSS2 文法で記述されています。そのため、 ここで定義されていない規則はCSS2で定義されています。 下記で定義されるmedia_query_list生成規則は CSS2のmedia_list生成規則を置き換えます。[CSS21]

media_query_list
 : S* [media_query [ ',' S* media_query ]* ]?
 ;
media_query
 : [ONLY | NOT]? S* media_type S* [ AND S* expression ]*
 | expression [ AND S* expression ]*
 ;
media_type
 : IDENT
 ;
expression
 : '(' S* media_feature S* [ ':' S* expr ]? ')' S*
 ;
media_feature
 : IDENT
 ;

CSS2で定義されるCOMMENTトークンは（可読性のため）文法には含めませんが、 他のトークンの間に任意の個数出現可能です。[CSS21]

以下の新しい定義が導入されます：

L  l|\\0{0,4}(4c|6c)(\r\n|[ \t\r\n\f])?|\\l
Y  y|\\0{0,4}(59|79)(\r\n|[ \t\r\n\f])?|\\y

以下の新しいトークンが導入されます：

{O}{N}{L}{Y}      {return ONLY;}
{N}{O}{T}         {return NOT;}
{A}{N}{D}         {return AND;}
{num}{D}{P}{I}    {return RESOLUTION;}
{num}{D}{P}{C}{M} {return RESOLUTION;}

RESOLUTIONはCSS2のterm生成規則に追加されます。

CSSスタイルシートは一般的にASCII 大文字小文字を区別しません。メディアクエリも同様です。

構文に適合するだけでなく、各メディアクエリは、それぞれの仕様に従って メディアタイプやメディア特性を使用する必要があります。

@media all { body { background:lime } }
@media example { body { background:red } }

3.1. エラー処理

適合しないメディアクエリについては、ユーザーエージェントはこのセクションで説明する ルールに従う必要があります。

• 未知のメディアタイプ。 未知のメディアタイプはfalseとして評価されます。実質的に、 デバイスのメディアタイプに一致しない既知のメディアタイプと同じ扱いです。 ただし例外として‘layer’、‘not’、‘and’、‘only’、‘or’があります。 これらはIDENT生成規則に一致するものの、未知のメディアタイプとして扱わず、 クエリ不正句を発生させる必要があります。

  ‘layer’の除外は、@import url(…) layer;構文で カスケードレイヤーのために使われた場合、 曖昧になるためです。 [CSS-CASCADE-5]参照。

  メディアクエリ"unknown"はfalseとして評価されます。ただし unknownが実際にサポートされるメディアタイプの場合は除きます。同様に、 "not unknown"はtrueとして評価されます。

  下記は‘only’や‘or’をメディアタイプとして使っているため、不正なメディアクエリです。

  @media only and or { … }

  未知のメディアタイプは、IDENT生成規則に一致しないメディアタイプとは区別されます。 それらは不正なメディアクエリ句に該当します。

• 未知のメディア特性。 ユーザーエージェントは、指定されたメディア特性のうち未知のものがある場合、 メディアクエリを"not all"として扱う必要があります。

  <link rel="stylesheet" media="screen and (max-weight: 3kg) and (color), (color)" href="example.css" />

  この例では、最初のメディアクエリは"not all"として扱われfalseとなり、 2つ目のメディアクエリは最初が指定されなかったかのように評価されます。

  @media (min-orientation:portrait) { … }

  ‘orientation’特性は ‘min-’接頭辞を受け付けないため、 これは"not all"として扱われます。

• 未知のメディア特性値。 未知のメディア特性と同様に、 指定されたメディア特性値が未知の場合は、ユーザーエージェントはメディアクエリを"not all"として扱う必要があります。

  メディアクエリ (color:20example) は ‘color’メディア特性に未知の値を指定しているため、"not all"として扱われます。

  このメディアクエリは ‘width’メディア特性に負の長さを指定しているため、"not all"として扱われます：

  @media (min-width: -100px) { … }

• 不正なメディアクエリ。 ユーザーエージェントは、メディアクエリのパース中に 予期しないトークンに遭遇した場合、メディアクエリの終端まで読み進め、 (), [], {}, "", '' のペア一致ルールや エスケープ処理を正しく扱う必要があります。予期しないトークンを含むメディアクエリは "not all"として扱われます。[CSS21]

  @media (example, all,), speech { /* speechデバイスにだけ適用 */ }
  @media &test, screen           { /* screenデバイスにだけ適用 */ }

  下記は不正なメディアクエリです。 ‘and’と式の間にスペースがないためです。 （これは関数型記法のために予約されています。）

  @media all and(color) { … }

  メディアクエリはホスト言語のエラー処理規則にも従うことが期待されています。

  @media test;,all { body { background:lime } }

  …は適用されません。なぜならセミコロンが @media規則をCSSで終了させるためです。

4. メディア特性

構文上、メディア特性はCSSプロパティに似ています：名前があり、特定の値を受け付けます。 しかし、プロパティとメディア特性には重要な違いがあります：

• プロパティは宣言で文書の表示方法を記述します。一方、 メディア特性は式で出力デバイスの要件を記述します。
• ほとんどのメディア特性は、制約を表すために ‘min-’や‘max-’接頭辞を任意で受け付けます。 この構文はHTMLやXMLと競合する可能性のある「<」「>」文字を避けるために使われます。 接頭辞を受け付けるメディア特性は、通常接頭辞付きで使われますが、単独でも利用可能です。
• プロパティは宣言を構成するために必ず値が必要です。 メディア特性は値なしでも利用できます。メディア特性featureについて、 (feature)は(feature:x)が 零または単位付き零（0、0px、0emなど）以外の値xで trueになる場合にtrueとなります。min/max接頭辞付きメディア特性は値なしでは使えません。 min/max接頭辞付きで値なしの場合、不正なメディアクエリになります。
• プロパティは、他の値を含む計算式など、より複雑な値を受け付ける場合があります。 メディア特性は単一の値のみを受け付けます：1つのキーワード、1つの数値、または単位付き数値です。 （例外は‘aspect-ratio’と ‘device-aspect-ratio’メディア特性のみです。）

この仕様は視覚および触覚デバイスで利用可能なメディア特性を定義します。同様に、 聴覚メディアタイプ向けのメディア特性も定義可能です。

4.1. width

‘width’メディア特性は、 出力デバイスのターゲット表示領域の幅を記述します。 連続メディアの場合、これはCSS2（セクション9.1.1 [CSS21]）で記述される ビューポートの幅（表示されたスクロールバーのサイズを含む）です。 ページメディアの場合は、CSS2（セクション13.2 [CSS21]）で記述される ページボックスの幅です。

指定する<length>は負の値を取れません。

<link rel="stylesheet" media="print and (min-width: 25cm)" href="http://…" />

@media screen and (min-width: 400px) and (max-width: 700px) { … }

@media handheld and (min-width: 20em),
  screen and (min-width: 20em) { … }

4.2. height

‘height’メディア特性は、 出力デバイスのターゲット表示領域の高さを記述します。 連続メディアの場合、これは表示されたスクロールバーのサイズを含む ビューポートの高さです。ページメディアの場合はページボックスの高さです。

指定する<length>は負の値を取れません。

4.3. device-width

‘device-width’メディア特性は、 出力デバイスのレンダリング面の幅を記述します。 連続メディアの場合はスクリーンの幅、ページメディアの場合は ページシートサイズの幅です。

指定する<length>は負の値を取れません。

@media screen and (device-width: 800px) { … }

4.4. device-height

‘device-height’メディア特性は、出力デバイスのレンダリング面の高さを表します。連続メディアの場合はスクリーンの高さ、ページメディアの場合はページシートサイズの高さです。

指定する<length>は負の値を取れません。

<link rel="stylesheet" media="screen and (device-height: 600px)" />

4.5. orientation

‘orientation’メディア特性は、‘height’メディア特性の値が‘width’メディア特性の値以上の時、‘portrait’となります。それ以外の場合は‘landscape’となります。

@media all and (orientation:portrait) { … }
@media all and (orientation:landscape) { … }

4.6. aspect-ratio

‘aspect-ratio’メディア特性は、‘width’メディア特性の値と‘height’メディア特性の値との比率として定義されます。

4.7. device-aspect-ratio

‘device-aspect-ratio’メディア特性は、‘device-width’メディア特性の値と‘device-height’メディア特性の値の比率として定義されます。

@media screen and (device-aspect-ratio: 16/9) { … }
@media screen and (device-aspect-ratio: 32/18) { … }
@media screen and (device-aspect-ratio: 1280/720) { … }
@media screen and (device-aspect-ratio: 2560/1440) { … }

4.8. color

‘color’メディア特性は、出力デバイスの各色成分のビット数を表します。カラーでないデバイスの場合、値は0です。

指定する<integer>は負の値を取れません。

@media all and (color) { … }
@media all and (min-color: 1) { … }

@media all and (min-color: 2) { … }

異なる色成分でビット数が異なる場合、最小値が用いられます。

インデックスカラーのデバイスの場合、ルックアップテーブル内の各色成分の最小ビット数が使用されます。

ここで記述された機能は色の能力を表面的にしか記述できません。より高度な機能が必要な場合、RFC2531 [RFC2531]で定義されるメディア特性が将来的にサポートされる可能性があります。

4.9. color-index

‘color-index’メディア特性は、出力デバイスのカラールックアップテーブルのエントリ数を表します。カラールックアップテーブルを使用しないデバイスの場合、値は0です。

指定する<integer>は負の値を取れません。

@media all and (color-index) { … }
@media all and (min-color-index: 1) { … }

<?xml-stylesheet media="all and (min-color-index: 256)"
  href="http://www.example.com/…" ?>

4.10. monochrome

‘monochrome’メディア特性は、モノクロフレームバッファでのピクセルごとのビット数を表します。モノクロデバイスでない場合、値は0です。

指定する<integer>は負の値を取れません。

@media all and (monochrome) { … }
@media all and (min-monochrome: 1) { … }

@media all and (min-monochrome: 2) { … }

<link rel="stylesheet" media="print and (color)" href="http://…" />
<link rel="stylesheet" media="print and (monochrome)" href="http://…" />

4.11. resolution

‘resolution’メディア特性は、出力デバイスの解像度（ピクセル密度）を表します。正方ピクセルでないデバイスをクエリする場合、‘min-resolution’では最も密度が低い方向が基準となり、‘max-resolution’では最も密度が高い方向が基準となります。‘resolution’（"min-"や"max-"接頭辞なし）は正方ピクセルでないデバイスには一致しません。

プリンターの場合、これは網点（任意の色のドット印刷）の解像度に相当します。

@media print and (min-resolution: 300dpi) { … }

@media print and (min-resolution: 118dpcm) { … }

4.12. scan

‘scan’メディア特性は、"tv"出力デバイスの走査方式を記述します。

@media tv and (scan: progressive) { … }

4.13. grid

‘grid’メディア特性は、出力デバイスがグリッド型かビットマップ型かを判定するために使用します。グリッド型（例："tty"端末や固定フォントのみの携帯ディスプレイ）の場合値は1、それ以外は0となります。

有効な値は0と1のみです（-0を含む）。それ以外は不正なメディアクエリとなります。

@media handheld and (grid) and (max-width: 15em) { … }
@media handheld and (grid) and (max-device-height: 7em) { … }

5. 値

この仕様は新たに2つの値も導入します。

<ratio>値は、正の（ゼロまたは負でない）<integer>の後にオプションの空白、 スラッシュ（‘/’）、オプションの空白、そして 正の<integer>が続きます。

<resolution>値は、正の<number>の直後に単位識別子（‘dpi’または ‘dpcm’）が続きます。

空白、<integer>、<number>およびこの仕様で使われるその他の値は、 CSSの他の部分と同じであり、CSS 2.1によって規範的に定義されています。[CSS21]

6. 単位

メディアクエリで使用される単位はCSSの他の部分と同じです。 例えば、ピクセル単位はCSSピクセルを表し、物理ピクセルではありません。

メディアクエリでの相対単位は初期値に基づきます。つまり、単位は宣言の結果には 基づきません。例えばHTMLにおいて‘em’単位は ‘font-size’の初期値に対する相対値です。

6.1. 解像度

‘dpi’および‘dpcm’単位は、出力デバイスの解像度、 すなわちデバイスピクセルの密度を表します。解像度の単位識別子は：

dpi

CSS‘inch’あたりのドット数

dpcm

CSS‘centimeter’あたりのドット数

この仕様では、これらの単位は‘resolution’メディア特性でのみ使用されます。

7. 変更点

7.1. 2022年4月5日勧告以降の変更点

• セクション3.1の「以前の提案修正1」： キーワード‘not’, ‘and’, ‘only’, ‘or’は 未知のメディアタイプとして扱うのではなく、メディアタイプの位置で使われた場合は 構文エラーとすべきことを明確化。

  未知のメディアタイプはfalseとして評価されます。実質的には、デバイスのメディアタイプに一致しない既知のメディアタイプと同じ扱いです。 ただし、キーワード‘not’, ‘and’, ‘only’, ‘or’については例外です。 これらはIDENT生成規則に一致するものの、未知のメディアタイプとして扱わず、 クエリ不正句を発生させる必要があります。

  この変更の理由は2013年5月30日CSS WG電話会議の議事録 およびそこで参照されたメールに記載されています。

  この変更のテストはWPTに追加されました。 結果はwpt.fyiで閲覧できます。

提案修正が導入されました：

• 提案修正2 セクション3.1にて： ‘layer’も未知のメディアタイプとして扱わず、メディアタイプの位置で使われた場合は 構文エラーとすることが要求されます。

7.2. 2012年6月19日勧告以降の変更点

提案修正が導入されました：

• 提案修正1 セクション3.1にて： キーワード‘not’, ‘and’, ‘only’, ‘or’は 未知のメディアタイプとして扱うのではなく、メディアタイプの位置で使われた場合は 構文エラーとすべきことを明確化。

いくつかの編集・マークアップ修正も行われました：

• セクション2：例内で冗長な属性を削除。

  <link rel="stylesheet" media="screen and (color), projection and (color)" rel="stylesheet" href="example.css">

  <link rel="stylesheet" media="screen and (color), projection and (color)" rel="stylesheet" href="example.css" />

• セクション2：他仕様がこの仕様を拡張しやすいよう文章を調整。

  循環依存を避けるため、it is never他の特性が明示的にMedia Queriesの判定に影響すると指定しない限り、 式の評価のためにスタイルシートを適用する必要はありません。

• セクション3：CSSの構文をより正確な用語で記述（説明的文）。

  CSSスタイルシートは一般的にcase-insensitive ASCII大文字小文字を区別しません。メディアクエリも同様です。

  この主張の正確性はテストで検証されています。
• セクション4.13：例の構文エラーを修正。

  @media handheld and (grid) and (device-max-heightmax-device-height: 7em) { … }

• 参考文献が最新版へのリンクに更新されました。
• 仕様内の各リンクをhttpからhttpsに更新しました。

7.3. 2010年7月27日候補勧告以降の変更点

2010年7月27日候補勧告以降、 本仕様には次の変更が加えられました：

• セクション4.11：プリンターの場合の解像度の意味（dotsの意味が曖昧だった）を明確化。

  プリンターの場合、これは網点（任意の色のドット印刷）の解像度に相当します。

• セクション6.1：‘inch’および‘cm’はCSS単位であり、物理単位でないことを明記。

  dpi

  CSS‘inch’あたりのドット数inch

  dpcm

  CSS‘centimeter’あたりのドット数cm

• セクション4.1：非規範的な表現を、セクション6の正しい規範的表現に修正。

  ‘em’値は font size of the root element‘font-size’の初期値に対する相対値です。

• セクション6：単位は宣言の結果に基づかないことを明記。

  メディアクエリでの相対単位は初期値に基づきます。つまり、単位は宣言の結果には基づきません。例えばHTMLにおいて、‘em’単位は‘font-size’の初期値に対する相対値です。

謝辞

この仕様はW3Cカスケーディングスタイルシート作業グループの成果です。

Björn Höhrmann、Christoph Päper、Chris Lilley、Simon Pieters、Rijk van Geijtenbeek、Sigurd Lerstad、Arve Bersvendsen、Susan Lesch、Philipp Hoschka、Roger Gimson、Steven Pemberton、Simon Kissane、Melinda Grant、L. David Baron からのコメントによってこの仕様は改善されました。

プライバシーに関する考慮事項

この仕様について新たなプライバシー考慮事項は報告されていません。

セキュリティに関する考慮事項

この仕様について新たなセキュリティ考慮事項は報告されていません。

参考文献

規定参考文献

[CSS21]

Bert Bos 他. Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification. 2011年6月7日. W3C勧告. URL: http://www.w3.org/TR/2011/REC-CSS2-20110607

その他の参考文献

[HTML401]

Dave Raggett; Arnaud Le Hors; Ian Jacobs. HTML 4.01 Specification. 1999年12月24日（2018年3月27日に廃止）. W3C勧告. URL: https://www.w3.org/TR/2018/SPSD-html401-20180327/

[HTML]

Anne van Kesteren 他. HTML 標準. Living Standard. URL: https://html.spec.whatwg.org/multipage/

[RFC2531]

G. Klyne; L. McIntyre. Content Feature Schema for Internet Fax. 1999年3月. Internet RFC 2531. URL: http://www.ietf.org/rfc/rfc2531.txt

[XMLSTYLE]

James Clark; Simon Pieters; Henry S. Thompson Associating Style Sheets with XML documents 1.0 (Second Edition) 2010年10月28日. W3C勧告. URL: http://www.w3.org/TR/2010/REC-xml-stylesheet-20101028/

[CSS-CASCADE-5]

Elika Etemad; Miriam Suzanne; Tab Atkins Jr.. CSS Cascading and Inheritance Level 5. 2022年1月13日. CR. URL: https://www.w3.org/TR/css-cascade-5/