Files
servo/tests/wpt/css-tests/css21_dev/html4/chapter-7.htm

175 lines
6.5 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Media types - CSS 2.1 Conformance Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS 2.1 Conformance Test Suite</h1>
<h2>Media types (5 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7">+</a>
<a href="https://www.w3.org/TR/CSS21/media.html#q7.0">7 Media types</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.#annoying-warning">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.1">+</a>
<a href="https://www.w3.org/TR/CSS21/media.html#media-intro">7.1 Introduction to media types</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.2">+</a>
<a href="https://www.w3.org/TR/CSS21/media.html#media-sheets">7.2 Specifying media-dependent style sheets</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.#x0">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.#x1">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.2.1">+</a>
<a href="https://www.w3.org/TR/CSS21/media.html#at-media-rule">7.2.1 The @media rule</a></th></tr>
<!-- 4 tests -->
<tr id="at-rule-013-7.2.1" class="invalid">
<td>
<a href="at-rule-013.htm">at-rule-013</a></td>
<td><a href="reference/at-rule-013-ref.htm">=</a> </td>
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Ignoring at-rules inside @media blocks
<ul class="assert">
<li>At-rules inside @media blocks are ignored up to up to the end of the block that contains the invalid at-keyword, or up to and including the next semicolon (;) or up to and including the next block ({...}), whichever comes first.</li>
</ul>
</td>
</tr>
<tr id="matching-brackets-001-7.2.1" class="invalid">
<td>
<a href="matching-brackets-001.htm">matching-brackets-001</a></td>
<td><a href="reference/matching-brackets-001-ref.htm">=</a> </td>
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Matching brackets and quotes for @rules
<ul class="assert">
<li>User agents must handle unexpected tokens encountered while parsing an at-rule by reading until the end of the statement, while observing the rules for matching pairs of brackets and quotes, and correctly handling escapes.</li>
</ul>
</td>
</tr>
<tr id="matching-brackets-002-7.2.1" class="invalid">
<td>
<a href="matching-brackets-002.htm">matching-brackets-002</a></td>
<td><a href="reference/matching-brackets-002-ref.htm">=</a> </td>
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Matching brackets and quotes for declarations
<ul class="assert">
<li>User agents must handle unexpected tokens encountered while parsing a declaration by reading until the end of the statement, while observing the rules for matching pairs of brackets and quotes, and correctly handling escapes.</li>
</ul>
</td>
</tr>
<tr id="matching-brackets-003-7.2.1" class="invalid">
<td>
<a href="matching-brackets-003.htm">matching-brackets-003</a></td>
<td><a href="reference/matching-brackets-001-ref.htm">=</a> </td>
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Matching brackets and quotes for selectors
<ul class="assert">
<li>User agents must handle unexpected tokens encountered while parsing a declaration by reading until the end of the statement, while observing the rules for matching pairs of brackets and quotes, and correctly handling escapes.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s7.2.1.#x2">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.1.#x3">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.3">+</a>
<a href="https://www.w3.org/TR/CSS21/media.html#media-types">7.3 Recognized media types</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.3.1">+</a>
<a href="https://www.w3.org/TR/CSS21/media.html#media-groups">7.3.1 Media groups</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.1.#all-media-group">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.1.#audio-media-group">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.1.#bitmap-media-group">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.1.#continuous-media-group">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.1.#grid-media-group">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.1.#interactive-media-group">
<!-- 1 tests -->
<tr id="outline-focus-001-7.3.1.#interactive-media-group" class="interact may">
<td>
<a href="outline-focus-001.htm">outline-focus-001</a></td>
<td></td>
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td>
<td>Default outlines and interactive media groups
<ul class="assert">
<li>Interactive media groups may show a focus outline to indicate that focus has been set on an element.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s7.3.1.#paged-media-group">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.1.#speech-media-group">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.1.#static-media-group">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.1.#tactile-media-group">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.1.#visual-media-group">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.1.#x4">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>