mirror of
https://github.com/servo/servo
synced 2026-04-30 03:17:15 +02:00
Update CSS tests to revision b9c63d615a65c4d96f26969bcd504d4e1c3cdab8
This commit is contained in:
Ms2ger
@@ -3,7 +3,7 @@
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'</title>
|
||||
<title>CSS Writing Modes Test: absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto'</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
@@ -20,7 +20,7 @@
|
||||
<link rel="match" href="reference/abs-pos-non-replaced-vrl-004-ref.xht" />
|
||||
|
||||
<meta name="flags" content="ahem image" />
|
||||
<meta name="assert" content="When 'direction' is 'rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left', then solve for 'left'." />
|
||||
<meta name="assert" content="When 'direction' is 'rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'." />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div#containing-block
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'</title>
|
||||
<title>CSS Writing Modes Test: absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto'</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
@@ -20,7 +20,7 @@
|
||||
<link rel="match" href="reference/abs-pos-non-replaced-vrl-004-ref.xht" />
|
||||
|
||||
<meta name="flags" content="ahem image" />
|
||||
<meta name="assert" content="When 'direction' is 'rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left', then solve for 'left'." />
|
||||
<meta name="assert" content="When 'direction' is 'rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'." />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div#containing-block
|
||||
|
||||
@@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Test: HTML table with every table element</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
||||
@top-right { content: "Test basic-html-table-001"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
|
||||
<link rel="help" href="http://www.w3.org/TR/REC-html40/struct/tables.html#h-11.2" />
|
||||
<meta name="assert" content="HTML table elements are supported." />
|
||||
<style type="text/css">
|
||||
caption, td, th
|
||||
{
|
||||
background: black;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a solid bar on top of a three-by-three grid of boxes below.</p>
|
||||
<table border="1">
|
||||
<caption>X</caption>
|
||||
<colgroup>
|
||||
<col />
|
||||
<col />
|
||||
</colgroup>
|
||||
<colgroup>
|
||||
<col />
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>XXXXX</th>
|
||||
<th>XXXXX</th>
|
||||
<th>XXXXX</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td>XXXXX</td>
|
||||
<td>XXXXX</td>
|
||||
<td>XXXXX</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>XXXXX</td>
|
||||
<td>XXXXX</td>
|
||||
<td>XXXXX</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@@ -30,7 +30,10 @@
|
||||
<tbody id="s1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/about.html">1 About the CSS 2.1 Specification</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/CSS21/about.html#q1.0">1 About the CSS 2.1 Specification</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1">
|
||||
|
||||
@@ -30,7 +30,10 @@
|
||||
<tbody id="s10">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s10">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/visudet.html">10 Visual formatting model details</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/CSS21/visudet.html#q10.0">10 Visual formatting model details</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s10.1">
|
||||
@@ -4171,9 +4174,9 @@
|
||||
<a href="abs-pos-non-replaced-vlr-059.xht">abs-pos-non-replaced-vlr-059</a></td>
|
||||
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'
|
||||
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto'
|
||||
<ul class="assert">
|
||||
<li>When 'direction' is 'rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left', then solve for 'left'.</li>
|
||||
<li>When 'direction' is 'rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -4699,9 +4702,9 @@
|
||||
<a href="abs-pos-non-replaced-vrl-058.xht">abs-pos-non-replaced-vrl-058</a></td>
|
||||
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'
|
||||
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto'
|
||||
<ul class="assert">
|
||||
<li>When 'direction' is 'rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left', then solve for 'left'.</li>
|
||||
<li>When 'direction' is 'rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@@ -30,7 +30,10 @@
|
||||
<tbody id="s11">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/visufx.html">11 Visual effects</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/CSS21/visufx.html#q11.0">11 Visual effects</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.1">
|
||||
@@ -616,6 +619,17 @@
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="overflow-html-body-001-11.1.1" class="">
|
||||
<td>
|
||||
<a href="overflow-html-body-001.xht">overflow-html-body-001</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Overflow on body propagates to viewport
|
||||
<ul class="assert">
|
||||
<li>An HTML user agent propagates the 'overflow' property from the 'body' to the viewport.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="overflow-parent-001-11.1.1" class="">
|
||||
<td>
|
||||
<a href="overflow-parent-001.xht">overflow-parent-001</a></td>
|
||||
|
||||
@@ -33,6 +33,9 @@
|
||||
<a href="https://www.w3.org/TR/CSS21/generate.html#generated-text">12 Generated content, automatic numbering, and lists</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s12.#x0">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
|
||||
@@ -33,6 +33,9 @@
|
||||
<a href="https://www.w3.org/TR/CSS21/page.html#the-page">13 Paged media</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s13.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s13.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s13.1">+</a>
|
||||
|
||||
@@ -30,7 +30,10 @@
|
||||
<tbody id="s14">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s14">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/colors.html">14 Colors and Backgrounds</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/CSS21/colors.html#q14.0">14 Colors and Backgrounds</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s14.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s14.1">
|
||||
|
||||
@@ -30,7 +30,10 @@
|
||||
<tbody id="s15">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s15">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/fonts.html">15 Fonts</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/CSS21/fonts.html#q15.0">15 Fonts</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s15.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s15.1">
|
||||
|
||||
@@ -30,7 +30,10 @@
|
||||
<tbody id="s16">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s16">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/text.html">16 Text</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/CSS21/text.html#q16.0">16 Text</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s16.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s16.1">
|
||||
|
||||
@@ -30,7 +30,10 @@
|
||||
<tbody id="s17">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s17">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/tables.html">17 Tables</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/CSS21/tables.html#q17.0">17 Tables</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s17.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s17.1">
|
||||
@@ -137,6 +140,50 @@
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="table-intro-example-001-17.1" class="">
|
||||
<td>
|
||||
<a href="table-intro-example-001.xht">table-intro-example-001</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Introduction to Tables (text-align, font-weight)
|
||||
<ul class="assert">
|
||||
<li>'text-align' and 'font-weight' can be applied to table cells (example from spec section 17.1).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="table-intro-example-002-17.1" class="">
|
||||
<td>
|
||||
<a href="table-intro-example-002.xht">table-intro-example-002</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Introduction to Tables (vertical-align)
|
||||
<ul class="assert">
|
||||
<li>'vertical-align' can be set on table cells (example from section 17.1).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="table-intro-example-003-17.1" class="">
|
||||
<td>
|
||||
<a href="table-intro-example-003.xht">table-intro-example-003</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Introduction to Tables (border-collapse, border)
|
||||
<ul class="assert">
|
||||
<li>'border-collapse' and 'border' can be set on table elements (example from section 17.1).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="table-intro-example-004-17.1" class="">
|
||||
<td>
|
||||
<a href="table-intro-example-004.xht">table-intro-example-004</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Introduction to Tables (caption-side)
|
||||
<ul class="assert">
|
||||
<li>'caption-side' can be set on a table caption (example from section 17.1).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="table-organization-001-17.1" class="">
|
||||
<td>
|
||||
<a href="table-organization-001.xht">table-organization-001</a></td>
|
||||
@@ -227,6 +274,17 @@
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="basic-html-table-001-17.2" class="">
|
||||
<td>
|
||||
<a href="basic-html-table-001.xht">basic-html-table-001</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>HTML table with every table element
|
||||
<ul class="assert">
|
||||
<li>HTML table elements are supported.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="before-content-display-012-17.2" class="">
|
||||
<td>
|
||||
<a href="before-content-display-012.xht">before-content-display-012</a></td>
|
||||
|
||||
@@ -30,7 +30,10 @@
|
||||
<tbody id="s18">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s18">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/ui.html">18 User interface</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/CSS21/ui.html#q18.0">18 User interface</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s18.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s18.1">
|
||||
|
||||
@@ -30,7 +30,10 @@
|
||||
<tbody id="s2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/intro.html">2 Introduction to CSS 2.1</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/CSS21/intro.html#q2.0">2 Introduction to CSS 2.1</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1">
|
||||
|
||||
@@ -30,7 +30,10 @@
|
||||
<tbody id="s3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/conform.html">3 Conformance: Requirements and Recommendations</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/CSS21/conform.html#q3.0">3 Conformance: Requirements and Recommendations</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1">
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
<body>
|
||||
|
||||
<h1>CSS 2.1 Conformance Test Suite</h1>
|
||||
<h2>Syntax and basic data types (439 tests)</h2>
|
||||
<h2>Syntax and basic data types (431 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
@@ -30,96 +30,11 @@
|
||||
<tbody id="s4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/syndata.html">4 Syntax and basic data types</a></th></tr>
|
||||
<!-- 8 tests -->
|
||||
<tr id="counters-001-4" class="">
|
||||
<td>
|
||||
<a href="counters-001.xht">counters-001</a></td>
|
||||
<td><a href="reference/counters-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Parsing counter functions with just the identifier
|
||||
<ul class="assert">
|
||||
<li>Counters can be referred to using only the identifier.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="counters-002-4" class="invalid">
|
||||
<td>
|
||||
<a href="counters-002.xht">counters-002</a></td>
|
||||
<td><a href="reference/no-red-filler-text-ref.xht">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Parsing invalid counter functions - Too many arguments
|
||||
<ul class="assert">
|
||||
<li>A counter is invalid if it has too many arguments.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ident-014-4" class="">
|
||||
<td>
|
||||
<a href="ident-014.xht">ident-014</a></td>
|
||||
<td><a href="reference/filler-text-below-green.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Selector attributes and hyphens
|
||||
<ul class="assert">
|
||||
<li>Attribute selectors can begin with hyphens.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ident-015-4" class="">
|
||||
<td>
|
||||
<a href="ident-015.xht">ident-015</a></td>
|
||||
<td><a href="reference/filler-text-below-green.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute selectors and underscores
|
||||
<ul class="assert">
|
||||
<li>Attribute selectors can begin with underscores.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ident-016-4" class="">
|
||||
<td>
|
||||
<a href="ident-016.xht">ident-016</a></td>
|
||||
<td><a href="reference/filler-text-below-green.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute selectors with hyphens and underscores
|
||||
<ul class="assert">
|
||||
<li>Attribute selectors are valid if they begin with hyphens and then underscores.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ident-017-4" class="invalid">
|
||||
<td>
|
||||
<a href="ident-017.xht">ident-017</a></td>
|
||||
<td><a href="reference/no-red-filler-text-ref.xht">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Attribute selection with digits
|
||||
<ul class="assert">
|
||||
<li>Attribute selectors cannot begin with digits.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ident-018-4" class="invalid">
|
||||
<td>
|
||||
<a href="ident-018.xht">ident-018</a></td>
|
||||
<td><a href="reference/no-red-filler-text-ref.xht">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Attribute selectors starting with hyphens and digits
|
||||
<ul class="assert">
|
||||
<li>Attribute selectors cannot begin with hyphens then digits.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ident-019-4" class="">
|
||||
<td>
|
||||
<a href="ident-019.xht">ident-019</a></td>
|
||||
<td><a href="reference/filler-text-below-green.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute selectors starting with underscore and digits
|
||||
<ul class="assert">
|
||||
<li>Attribute selectors can begin with underscore then digits.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<a href="https://www.w3.org/TR/CSS21/syndata.html#q4.0">4 Syntax and basic data types</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
<body>
|
||||
|
||||
<h1>CSS 2.1 Conformance Test Suite</h1>
|
||||
<h2>Selectors (677 tests)</h2>
|
||||
<h2>Selectors (668 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
@@ -30,80 +30,11 @@
|
||||
<tbody id="s5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/selector.html">5 Selectors</a></th></tr>
|
||||
<!-- 9 tests -->
|
||||
<tr id="cascade-import-dynamic-001-5" class="">
|
||||
<td>
|
||||
<a href="cascade-import-dynamic-001.xht">cascade-import-dynamic-001</a></td>
|
||||
<td><a href="reference/ref-this-text-should-be-green.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Dynamic sheet append (<style>)
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cascade-import-dynamic-002-5" class="">
|
||||
<td>
|
||||
<a href="cascade-import-dynamic-002.xht">cascade-import-dynamic-002</a></td>
|
||||
<td><a href="reference/ref-this-text-should-be-green.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Dynamic sheet append (<link>)
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cascade-import-dynamic-003-5" class="">
|
||||
<td>
|
||||
<a href="cascade-import-dynamic-003.xht">cascade-import-dynamic-003</a></td>
|
||||
<td><a href="reference/ref-this-text-should-be-green.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Dynamic sheet insertion (<style>)
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cascade-import-dynamic-004-5" class="">
|
||||
<td>
|
||||
<a href="cascade-import-dynamic-004.xht">cascade-import-dynamic-004</a></td>
|
||||
<td><a href="reference/ref-this-text-should-be-green.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Dynamic sheet insertion (<link>)
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cascade-import-dynamic-005-5" class="">
|
||||
<td>
|
||||
<a href="cascade-import-dynamic-005.xht">cascade-import-dynamic-005</a></td>
|
||||
<td><a href="reference/ref-this-text-should-be-green.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Dynamic sheet deletion (<style>)
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cascade-import-dynamic-006-5" class="">
|
||||
<td>
|
||||
<a href="cascade-import-dynamic-006.xht">cascade-import-dynamic-006</a></td>
|
||||
<td><a href="reference/ref-this-text-should-be-green.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Dynamic sheet deletion (<link>)
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="cascade-import-dynamic-control-5" class="">
|
||||
<td>
|
||||
<a href="cascade-import-dynamic-control.xht">cascade-import-dynamic-control</a></td>
|
||||
<td><a href="reference/ref-this-text-should-be-green.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Control test
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="html-precedence-004-5" class="userstyle">
|
||||
<td>
|
||||
<a href="html-precedence-004.xht">html-precedence-004</a></td>
|
||||
<td><a href="reference/html-precedence-004-ref.xht">=</a> </td>
|
||||
<td><abbr class="userstyle" title="Requires user style sheet or other special setting">User Style</abbr></td>
|
||||
<td>User Stylesheets and non-CSS Presentational Hints
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="html-precedence-005-5" class="userstyle">
|
||||
<td>
|
||||
<a href="html-precedence-005.xht">html-precedence-005</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="userstyle" title="Requires user style sheet or other special setting">User Style</abbr></td>
|
||||
<td>User Stylesheets and non-CSS Presentational Hints
|
||||
</td>
|
||||
</tr>
|
||||
<a href="https://www.w3.org/TR/CSS21/selector.html#q5.0">5 Selectors</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
<body>
|
||||
|
||||
<h1>CSS 2.1 Conformance Test Suite</h1>
|
||||
<h2>Assigning property values, Cascading, and Inheritance (145 tests)</h2>
|
||||
<h2>Assigning property values, Cascading, and Inheritance (117 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
@@ -30,316 +30,11 @@
|
||||
<tbody id="s6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/cascade.html">6 Assigning property values, Cascading, and Inheritance</a></th></tr>
|
||||
<!-- 28 tests -->
|
||||
<tr id="at-import-001-6" class="">
|
||||
<td>
|
||||
<a href="at-import-001.xht">at-import-001</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>@import not as the first declaration
|
||||
<ul class="assert">
|
||||
<li>An @import is ignored if it is not the first statement in a style block.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-import-002-6" class="">
|
||||
<td>
|
||||
<a href="at-import-002.xht">at-import-002</a></td>
|
||||
<td><a href="reference/filler-text-below-green.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Importing external stylesheets with @import
|
||||
<ul class="assert">
|
||||
<li>An @import used to import external stylesheets.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-import-003-6" class="">
|
||||
<td>
|
||||
<a href="at-import-003.xht">at-import-003</a></td>
|
||||
<td><a href="reference/filler-text-below-green.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Importing styles using @import with a string
|
||||
<ul class="assert">
|
||||
<li>An @import used with just a string is interpreted as if it had url(...) around it.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-import-004-6" class="">
|
||||
<td>
|
||||
<a href="at-import-004.xht">at-import-004</a></td>
|
||||
<td><a href="reference/no-red-filler-text-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Media dependency on @import set to 'print'
|
||||
<ul class="assert">
|
||||
<li>Specifying a media-dependency of print does not apply rules to the user agent display.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-import-005-6" class="">
|
||||
<td>
|
||||
<a href="at-import-005.xht">at-import-005</a></td>
|
||||
<td><a href="reference/filler-text-below-green.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Media dependency on @import set to 'all'
|
||||
<ul class="assert">
|
||||
<li>Specifying the media-dependency of 'all' applies to all media types including user agent display.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-import-006-6" class="">
|
||||
<td>
|
||||
<a href="at-import-006.xht">at-import-006</a></td>
|
||||
<td><a href="reference/filler-text-below-green.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Media dependency on @import set to 'screen'
|
||||
<ul class="assert">
|
||||
<li>Specifying the media-dependent import rules to 'screen' applies to user agent display.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="at-import-007-6" class="">
|
||||
<td>
|
||||
<a href="at-import-007.xht">at-import-007</a></td>
|
||||
<td><a href="reference/filler-text-below-green.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>@import with @charset
|
||||
<ul class="assert">
|
||||
<li>An @import is valid after @charset.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="html-precedence-002-6" class="">
|
||||
<td>
|
||||
<a href="html-precedence-002.xht">html-precedence-002</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Universal selector precedence
|
||||
<ul class="assert">
|
||||
<li>The universal selector and the 'color' attribute have the same specificity. The universal selector is applied since CSS takes precedence.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="html-precedence-003-6" class="userstyle">
|
||||
<td>
|
||||
<a href="html-precedence-003.xht">html-precedence-003</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="userstyle" title="Requires user style sheet or other special setting">User Style</abbr></td>
|
||||
<td>User style sheet precedence
|
||||
<ul class="assert">
|
||||
<li>The 'font' element's 'color' attribute trumps the user stylesheet's universal selector. They have the same specificity but the font element is a virtual author rule.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inherited-value-002-6" class="ahem">
|
||||
<td>
|
||||
<a href="inherited-value-002.xht">inherited-value-002</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Inheriting computed values
|
||||
<ul class="assert">
|
||||
<li>The computed value of a font-size with a percentage is the percentage of its parent's font-size value. A nested element which also has a percentage applies the parents' specified value (which is inherited).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="user-stylesheet-001-6" class="userstyle">
|
||||
<td>
|
||||
<a href="user-stylesheet-001.xht">user-stylesheet-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="userstyle" title="Requires user style sheet or other special setting">User Style</abbr></td>
|
||||
<td>User defined stylesheet can be applied
|
||||
<ul class="assert">
|
||||
<li>User stylesheet can be applied to the page.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="user-stylesheet-002-6" class="interact userstyle">
|
||||
<td>
|
||||
<a href="user-stylesheet-002.xht">user-stylesheet-002</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="userstyle" title="Requires user style sheet or other special setting">User Style</abbr></td>
|
||||
<td>User defined stylesheet can be applied and persisted
|
||||
<ul class="assert">
|
||||
<li>The user stylesheet is still applied after close and reopen the user agent window.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="user-stylesheet-003-6" class="userstyle">
|
||||
<td>
|
||||
<a href="user-stylesheet-003.xht">user-stylesheet-003</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="userstyle" title="Requires user style sheet or other special setting">User Style</abbr></td>
|
||||
<td>Rules with normal declarations in an user defined stylesheet can be overriden by rules with normal declarations from author in a style block
|
||||
<ul class="assert">
|
||||
<li>A CSS rule (with normal - not !important - declarations) in an author style sheet have more weight than a CSS rule (with normal - not !important -declarations) in an user style sheet.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="user-stylesheet-004-6" class="userstyle">
|
||||
<td>
|
||||
<a href="user-stylesheet-004.xht">user-stylesheet-004</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="userstyle" title="Requires user style sheet or other special setting">User Style</abbr></td>
|
||||
<td>Rules with normal declarations in an user defined stylesheet can be overriden by normal declarations from author in an inline style attribute
|
||||
<ul class="assert">
|
||||
<li>A normal - not !important - declaration in an inline style from author have more weight than a CSS rule (with normal - not !important -) declarations in an user style sheet.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="user-stylesheet-005-6" class="userstyle">
|
||||
<td>
|
||||
<a href="user-stylesheet-005.xht">user-stylesheet-005</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="userstyle" title="Requires user style sheet or other special setting">User Style</abbr></td>
|
||||
<td>Descendant selector defined in user stylesheet can be applied
|
||||
<ul class="assert">
|
||||
<li>The descendant selector defined in user stylesheet is applied to the appropriate element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="user-stylesheet-006-6" class="userstyle">
|
||||
<td>
|
||||
<a href="user-stylesheet-006.xht">user-stylesheet-006</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="userstyle" title="Requires user style sheet or other special setting">User Style</abbr></td>
|
||||
<td>Child selector defined in user stylesheet can be applied
|
||||
<ul class="assert">
|
||||
<li>The child selector defined in user stylesheet is applied to the appropriate element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="user-stylesheet-007-6" class="userstyle">
|
||||
<td>
|
||||
<a href="user-stylesheet-007.xht">user-stylesheet-007</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="userstyle" title="Requires user style sheet or other special setting">User Style</abbr></td>
|
||||
<td>Adjacent sibling selector defined in user stylesheet can be applied
|
||||
<ul class="assert">
|
||||
<li>The adjacent sibling selector defined in user stylesheet is applied to the appropriate element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="user-stylesheet-008-6" class="userstyle">
|
||||
<td>
|
||||
<a href="user-stylesheet-008.xht">user-stylesheet-008</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="userstyle" title="Requires user style sheet or other special setting">User Style</abbr></td>
|
||||
<td>Attribute selector defined in user stylesheet can be applied
|
||||
<ul class="assert">
|
||||
<li>The attribute selector defined in user stylesheet is applied to the appropriate element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="user-stylesheet-009-6" class="userstyle">
|
||||
<td>
|
||||
<a href="user-stylesheet-009.xht">user-stylesheet-009</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="userstyle" title="Requires user style sheet or other special setting">User Style</abbr></td>
|
||||
<td>ID selector defined in user stylesheet can be applied
|
||||
<ul class="assert">
|
||||
<li>The ID selector defined in user stylesheet is applied to the appropriate element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="user-stylesheet-010-6" class="userstyle">
|
||||
<td>
|
||||
<a href="user-stylesheet-010.xht">user-stylesheet-010</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="userstyle" title="Requires user style sheet or other special setting">User Style</abbr></td>
|
||||
<td>Pseudo-class selector :first-child defined in user stylesheet can be applied
|
||||
<ul class="assert">
|
||||
<li>The pseudo-class selector :first-child defined in user stylesheet is applied to the first child of an element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="user-stylesheet-011-6" class="userstyle">
|
||||
<td>
|
||||
<a href="user-stylesheet-011.xht">user-stylesheet-011</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="userstyle" title="Requires user style sheet or other special setting">User Style</abbr></td>
|
||||
<td>Pseudo-element first-line selector defined in user stylesheet can be applied
|
||||
<ul class="assert">
|
||||
<li>The pseudo-element selector :first-line defined in user stylesheet is applied to the first line of an element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="user-stylesheet-012-6" class="history userstyle">
|
||||
<td>
|
||||
<a href="user-stylesheet-012.xht">user-stylesheet-012</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="history" title="Requires session history">History</abbr><abbr class="userstyle" title="Requires user style sheet or other special setting">User Style</abbr></td>
|
||||
<td>Link defined in user stylesheet can be applied
|
||||
<ul class="assert">
|
||||
<li>The pseudo-class selector :link defined in user stylesheet is applied to all links.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="user-stylesheet-013-6" class="interact userstyle">
|
||||
<td>
|
||||
<a href="user-stylesheet-013.xht">user-stylesheet-013</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="userstyle" title="Requires user style sheet or other special setting">User Style</abbr></td>
|
||||
<td>Visited selector defined in user stylesheet can be applied
|
||||
<ul class="assert">
|
||||
<li>The pseudo-class selector :visited defined in user stylesheet is applied when a link has already been visited.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="user-stylesheet-014-6" class="interact userstyle">
|
||||
<td>
|
||||
<a href="user-stylesheet-014.xht">user-stylesheet-014</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="userstyle" title="Requires user style sheet or other special setting">User Style</abbr></td>
|
||||
<td>Hover defined in user stylesheet can be applied
|
||||
<ul class="assert">
|
||||
<li>The pseudo-class selector :hover defined in user stylesheet is applied when the mouse is above an element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="user-stylesheet-015-6" class="interact userstyle">
|
||||
<td>
|
||||
<a href="user-stylesheet-015.xht">user-stylesheet-015</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="userstyle" title="Requires user style sheet or other special setting">User Style</abbr></td>
|
||||
<td>Pseudo-class :active defined in user stylesheet can be applied
|
||||
<ul class="assert">
|
||||
<li>The pseudo-class selector :active defined in user stylesheet is implemented.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="user-stylesheet-016-6" class="userstyle">
|
||||
<td>
|
||||
<a href="user-stylesheet-016.xht">user-stylesheet-016</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="userstyle" title="Requires user style sheet or other special setting">User Style</abbr></td>
|
||||
<td>Pseudo-element first-letter selector defined in user stylesheet can be applied
|
||||
<ul class="assert">
|
||||
<li>The pseudo-element selector :first-letter defined in user stylesheet is applied to the first letter of an element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="user-stylesheet-017-6" class="userstyle">
|
||||
<td>
|
||||
<a href="user-stylesheet-017.xht">user-stylesheet-017</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="userstyle" title="Requires user style sheet or other special setting">User Style</abbr></td>
|
||||
<td>Pseudo-element before selector defined in user stylesheet can be applied
|
||||
<ul class="assert">
|
||||
<li>The pseudo-element selector :before defined in user stylesheet is inserted before an element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="user-stylesheet-018-6" class="userstyle">
|
||||
<td>
|
||||
<a href="user-stylesheet-018.xht">user-stylesheet-018</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="userstyle" title="Requires user style sheet or other special setting">User Style</abbr></td>
|
||||
<td>Pseudo-element after selector defined in user stylesheet can be applied
|
||||
<ul class="assert">
|
||||
<li>The pseudo-element selector :after defined in user stylesheet is inserted after an element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<a href="https://www.w3.org/TR/CSS21/cascade.html#q6.0">6 Assigning property values, Cascading, and Inheritance</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
<body>
|
||||
|
||||
<h1>CSS 2.1 Conformance Test Suite</h1>
|
||||
<h2>Media types (22 tests)</h2>
|
||||
<h2>Media types (5 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
@@ -30,195 +30,11 @@
|
||||
<tbody id="s7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/media.html">7 Media types</a></th></tr>
|
||||
<!-- 17 tests -->
|
||||
<tr id="media-dependency-001-7" class="">
|
||||
<td>
|
||||
<a href="media-dependency-001.xht">media-dependency-001</a></td>
|
||||
<td><a href="reference/filler-text-below-green.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>@media and target mediums
|
||||
<ul class="assert">
|
||||
<li>@media with a target medium applies styles on that target medium (screen).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="media-dependency-002-7" class="">
|
||||
<td>
|
||||
<a href="media-dependency-002.xht">media-dependency-002</a></td>
|
||||
<td><a href="reference/filler-text-below-green.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>@import and target mediums
|
||||
<ul class="assert">
|
||||
<li>@media with a target medium applies styles on that target medium (screen).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="media-dependency-003-7" class="">
|
||||
<td>
|
||||
<a href="media-dependency-003.xht">media-dependency-003</a></td>
|
||||
<td><a href="reference/filler-text-below-green.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Link tags and target mediums
|
||||
<ul class="assert">
|
||||
<li>Link with a target medium applies styles on that target medium (screen).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="media-dependency-004-7" class="">
|
||||
<td>
|
||||
<a href="media-dependency-004.xht">media-dependency-004</a></td>
|
||||
<td><a href="reference/filler-text-below-green.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Case-insensitive media types
|
||||
<ul class="assert">
|
||||
<li>Media types are case-insensitive.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="media-dependency-005-7" class="invalid">
|
||||
<td>
|
||||
<a href="media-dependency-005.xht">media-dependency-005</a></td>
|
||||
<td><a href="reference/filler-text-below-green.xht">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Ignoring bad media types with @import
|
||||
<ul class="assert">
|
||||
<li>User agent ignores media types it does not understand with @import.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="media-dependency-006-7" class="invalid">
|
||||
<td>
|
||||
<a href="media-dependency-006.xht">media-dependency-006</a></td>
|
||||
<td><a href="reference/filler-text-below-green.xht">=</a> </td>
|
||||
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
||||
<td>Ignoring bad media types with @media
|
||||
<ul class="assert">
|
||||
<li>User agent ignores media types it does not understand with @media.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="media-dependency-007-7" class="">
|
||||
<td>
|
||||
<a href="media-dependency-007.xht">media-dependency-007</a></td>
|
||||
<td><a href="reference/no-red-filler-text-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Non-matching target mediums
|
||||
<ul class="assert">
|
||||
<li>The @media block does not apply because it does not match the target medium.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="media-dependency-008-7" class="">
|
||||
<td>
|
||||
<a href="media-dependency-008.xht">media-dependency-008</a></td>
|
||||
<td><a href="reference/no-red-filler-text-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Non-matching target mediums and @import
|
||||
<ul class="assert">
|
||||
<li>The @import command does not apply because it does not match the target medium.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="media-dependency-009-7" class="">
|
||||
<td>
|
||||
<a href="media-dependency-009.xht">media-dependency-009</a></td>
|
||||
<td><a href="reference/filler-text-below-green.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Matching the 'All' target medium
|
||||
<ul class="assert">
|
||||
<li>The 'all' media type applies to the screen medium.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="media-dependency-010-7" class="">
|
||||
<td>
|
||||
<a href="media-dependency-010.xht">media-dependency-010</a></td>
|
||||
<td><a href="reference/no-red-filler-text-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Non-matching target mediums (braille)
|
||||
<ul class="assert">
|
||||
<li>The 'braille' media type does not apply to the screen medium.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="media-dependency-011-7" class="">
|
||||
<td>
|
||||
<a href="media-dependency-011.xht">media-dependency-011</a></td>
|
||||
<td><a href="reference/no-red-filler-text-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Non-matching target mediums (embossed)
|
||||
<ul class="assert">
|
||||
<li>The 'embossed' media type does not apply to the screen medium.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="media-dependency-012-7" class="">
|
||||
<td>
|
||||
<a href="media-dependency-012.xht">media-dependency-012</a></td>
|
||||
<td><a href="reference/no-red-filler-text-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Non-matching target mediums (handheld)
|
||||
<ul class="assert">
|
||||
<li>The 'handheld' media type does not apply to the screen medium.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="media-dependency-013-7" class="">
|
||||
<td>
|
||||
<a href="media-dependency-013.xht">media-dependency-013</a></td>
|
||||
<td><a href="reference/no-red-filler-text-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Non-matching target mediums (projection)
|
||||
<ul class="assert">
|
||||
<li>The 'projection' media type does not apply to the screen medium.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="media-dependency-014-7" class="">
|
||||
<td>
|
||||
<a href="media-dependency-014.xht">media-dependency-014</a></td>
|
||||
<td><a href="reference/no-red-filler-text-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Non-matching target mediums (speech)
|
||||
<ul class="assert">
|
||||
<li>The 'speech' media type does not apply to the screen medium.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="media-dependency-015-7" class="">
|
||||
<td>
|
||||
<a href="media-dependency-015.xht">media-dependency-015</a></td>
|
||||
<td><a href="reference/no-red-filler-text-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Non-matching target mediums (tty)
|
||||
<ul class="assert">
|
||||
<li>The 'tty' media type does not apply to the screen medium.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="media-dependency-016-7" class="">
|
||||
<td>
|
||||
<a href="media-dependency-016.xht">media-dependency-016</a></td>
|
||||
<td><a href="reference/no-red-filler-text-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Non-matching target mediums (tv)
|
||||
<ul class="assert">
|
||||
<li>The 'tv' media type does not apply to the screen medium.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="media-dependency-017-7" class="">
|
||||
<td>
|
||||
<a href="media-dependency-017.xht">media-dependency-017</a></td>
|
||||
<td><a href="reference/filler-text-below-green.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Multiple target mediums
|
||||
<ul class="assert">
|
||||
<li>An '@media' rule specifies the target media types separated by commas.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<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">
|
||||
|
||||
@@ -33,6 +33,9 @@
|
||||
<a href="https://www.w3.org/TR/CSS21/box.html#box-model">8 Box model</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.1">+</a>
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
<body>
|
||||
|
||||
<h1>CSS 2.1 Conformance Test Suite</h1>
|
||||
<h2>Visual formatting model (1247 tests)</h2>
|
||||
<h2>Visual formatting model (1246 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
@@ -30,16 +30,11 @@
|
||||
<tbody id="s9">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/visuren.html">9 Visual formatting model</a></th></tr>
|
||||
<!-- 1 tests -->
|
||||
<tr id="c5526c-display-000-9" class="">
|
||||
<td>
|
||||
<a href="c5526c-display-000.xht">c5526c-display-000</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>display/box/float/clear test
|
||||
</td>
|
||||
</tr>
|
||||
<a href="https://www.w3.org/TR/CSS21/visuren.html#q9.0">9 Visual formatting model</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
|
||||
@@ -30,7 +30,10 @@
|
||||
<tbody id="sA">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sA">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/aural.html">A Aural style sheets</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/CSS21/aural.html#q19.0">A Aural style sheets</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sA.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sA.1">
|
||||
|
||||
@@ -30,7 +30,10 @@
|
||||
<tbody id="sB">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sB">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/refs.html">B Bibliography</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/CSS21/refs.html#q20.0">B Bibliography</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sB.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sB.1">
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -30,7 +30,10 @@
|
||||
<tbody id="sD">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sD">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/sample.html">D Default style sheet for HTML 4</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/CSS21/sample.html#q22.0">D Default style sheet for HTML 4</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sD.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sD.#bidi">
|
||||
|
||||
@@ -30,7 +30,10 @@
|
||||
<tbody id="sE">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sE">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/zindex.html">E Elaborate description of Stacking Contexts</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/CSS21/zindex.html#q23.0">E Elaborate description of Stacking Contexts</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sE.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sE.1">
|
||||
|
||||
@@ -30,7 +30,10 @@
|
||||
<tbody id="sF">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sF">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/propidx.html">F Full property table</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/CSS21/propidx.html#q24.0">F Full property table</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sF.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
@@ -30,7 +30,10 @@
|
||||
<tbody id="sG">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sG">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/grammar.html">G Grammar of CSS 2.1</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/CSS21/grammar.html#q25.0">G Grammar of CSS 2.1</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sG.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sG.1">
|
||||
@@ -94,7 +97,7 @@
|
||||
<tbody id="sG.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sG.4">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/grammar.html#q4">G.4 Implementation note</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/CSS21/grammar.html#q25.4">G.4 Implementation note</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
@@ -30,7 +30,7 @@
|
||||
<tbody id="sH">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sH">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/leftblank.html">H Has been intentionally left blank</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/CSS21/leftblank.html#q26.0">H Has been intentionally left blank</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
@@ -30,7 +30,10 @@
|
||||
<tbody id="sI">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sI">+</a>
|
||||
<a href="https://www.w3.org/TR/CSS21/indexlist.html">I Index</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/CSS21/indexlist.html#q27.0">I Index</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sI.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sI.#index-;">
|
||||
@@ -147,6 +150,9 @@
|
||||
<tbody id="sI.#index-z">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sstatus.#annoying-warning">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
@@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Test: Overflow on body propagates to viewport</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
||||
@top-right { content: "Test overflow-html-body-001"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
|
||||
<meta name="assert" content="An HTML user agent propagates the 'overflow' property from the 'body' to the viewport." />
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
overflow: hidden;
|
||||
}
|
||||
div
|
||||
{
|
||||
height: 110%;
|
||||
width: 110%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the horizontal and vertical scrolling mechanism is not available on the page.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -250,7 +250,7 @@
|
||||
</tbody>
|
||||
<tbody id="abs-pos-non-replaced-vlr-059" class="ahem image">
|
||||
<tr>
|
||||
<td rowspan="1" title="absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'">
|
||||
<td rowspan="1" title="absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto'">
|
||||
<a href="abs-pos-non-replaced-vlr-059.xht">abs-pos-non-replaced-vlr-059</a></td>
|
||||
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.xht">=</a> </td>
|
||||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
@@ -1146,7 +1146,7 @@
|
||||
</tbody>
|
||||
<tbody id="abs-pos-non-replaced-vrl-058" class="ahem image">
|
||||
<tr>
|
||||
<td rowspan="1" title="absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'">
|
||||
<td rowspan="1" title="absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto'">
|
||||
<a href="abs-pos-non-replaced-vrl-058.xht">abs-pos-non-replaced-vrl-058</a></td>
|
||||
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.xht">=</a> </td>
|
||||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
|
||||
@@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Test: Introduction to Tables (text-align, font-weight)</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
||||
@top-right { content: "Test table-intro-example-001"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" />
|
||||
<meta name="assert" content="'text-align' and 'font-weight' can be applied to table cells (example from spec section 17.1)." />
|
||||
<style type="text/css">
|
||||
caption
|
||||
{
|
||||
color: blue;
|
||||
}
|
||||
td
|
||||
{
|
||||
border: 1px solid blue;
|
||||
height: 5em;
|
||||
width: 10em;
|
||||
}
|
||||
th
|
||||
{
|
||||
border: 1px solid blue;
|
||||
font-weight: bold;
|
||||
height: 5em;
|
||||
text-align: center;
|
||||
width: 10em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the text in the left-most box column is centered in its column and darker than the text in the other columns.</p>
|
||||
<table>
|
||||
<caption>This is a simple 3x3 table</caption>
|
||||
<tr id="row1">
|
||||
<th>Header 1</th>
|
||||
<td>Cell 1</td>
|
||||
<td>Cell 2</td>
|
||||
</tr>
|
||||
<tr id="row2">
|
||||
<th>Header 2</th>
|
||||
<td>Cell 3</td>
|
||||
<td>Cell 4</td>
|
||||
</tr>
|
||||
<tr id="row3">
|
||||
<th>Header 3</th>
|
||||
<td>Cell 5</td>
|
||||
<td>Cell 6</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Test: Introduction to Tables (vertical-align)</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
||||
@top-right { content: "Test table-intro-example-002"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" />
|
||||
<meta name="assert" content="'vertical-align' can be set on table cells (example from section 17.1)." />
|
||||
<style type="text/css">
|
||||
caption
|
||||
{
|
||||
color: blue;
|
||||
}
|
||||
td
|
||||
{
|
||||
border: 1px solid blue;
|
||||
height: 5em;
|
||||
vertical-align: middle;
|
||||
width: 10em;
|
||||
}
|
||||
th
|
||||
{
|
||||
border: 1px solid blue;
|
||||
height: 5em;
|
||||
vertical-align: baseline;
|
||||
width: 10em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the text in the left-most box column is at the very top of the column and text in the other two columns is vertically centered.</p>
|
||||
<table>
|
||||
<caption>This is a simple 3x3 table</caption>
|
||||
<tr id="row1">
|
||||
<th>Header 1</th>
|
||||
<td>Cell 1</td>
|
||||
<td>Cell 2</td>
|
||||
</tr>
|
||||
<tr id="row2">
|
||||
<th>Header 2</th>
|
||||
<td>Cell 3</td>
|
||||
<td>Cell 4</td>
|
||||
</tr>
|
||||
<tr id="row3">
|
||||
<th>Header 3</th>
|
||||
<td>Cell 5</td>
|
||||
<td>Cell 6</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,57 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Test: Introduction to Tables (border-collapse, border)</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
||||
@top-right { content: "Test table-intro-example-003"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" />
|
||||
<meta name="assert" content="'border-collapse' and 'border' can be set on table elements (example from section 17.1)." />
|
||||
<style type="text/css">
|
||||
table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
}
|
||||
tr#row1
|
||||
{
|
||||
border: 3px solid blue;
|
||||
}
|
||||
tr#row2
|
||||
{
|
||||
border: 1px solid black;
|
||||
}
|
||||
tr#row3
|
||||
{
|
||||
border: 1px solid black;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the box below is separated into three horizontal rows, and the top one has a blue border that is thicker than the borders of the other rows.</p>
|
||||
<table>
|
||||
<caption>This is a simple 3x3 table</caption>
|
||||
<tr id="row1">
|
||||
<th>Header 1</th>
|
||||
<td>Cell 1</td>
|
||||
<td>Cell 2</td>
|
||||
</tr>
|
||||
<tr id="row2">
|
||||
<th>Header 2</th>
|
||||
<td>Cell 3</td>
|
||||
<td>Cell 4</td>
|
||||
</tr>
|
||||
<tr id="row3">
|
||||
<th>Header 3</th>
|
||||
<td>Cell 5</td>
|
||||
<td>Cell 6</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,54 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Test: Introduction to Tables (caption-side)</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
||||
@top-right { content: "Test table-intro-example-004"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" />
|
||||
<meta name="assert" content="'caption-side' can be set on a table caption (example from section 17.1)." />
|
||||
<style type="text/css">
|
||||
caption
|
||||
{
|
||||
color: blue;
|
||||
caption-side: top;
|
||||
}
|
||||
td
|
||||
{
|
||||
border: solid black;
|
||||
}
|
||||
th
|
||||
{
|
||||
border: solid black;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if blue text (with the words 'This is a simple 3x3 table') appears above the three-by-three grid below.</p>
|
||||
<table>
|
||||
<caption>This is a simple 3x3 table</caption>
|
||||
<tr id="row1">
|
||||
<th>Header 1</th>
|
||||
<td>Cell 1</td>
|
||||
<td>Cell 2</td>
|
||||
</tr>
|
||||
<tr id="row2">
|
||||
<th>Header 2</th>
|
||||
<td>Cell 3</td>
|
||||
<td>Cell 4</td>
|
||||
</tr>
|
||||
<tr id="row3">
|
||||
<th>Header 3</th>
|
||||
<td>Cell 5</td>
|
||||
<td>Cell 6</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@@ -37,22 +37,22 @@
|
||||
<tbody id="s4">
|
||||
<tr><th><a href="chapter-4.xht">Chapter 4 -
|
||||
Syntax and basic data types</a></th>
|
||||
<td>(439 Tests)</td></tr>
|
||||
<td>(431 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s5">
|
||||
<tr><th><a href="chapter-5.xht">Chapter 5 -
|
||||
Selectors</a></th>
|
||||
<td>(677 Tests)</td></tr>
|
||||
<td>(668 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s6">
|
||||
<tr><th><a href="chapter-6.xht">Chapter 6 -
|
||||
Assigning property values, Cascading, and Inheritance</a></th>
|
||||
<td>(145 Tests)</td></tr>
|
||||
<td>(117 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s7">
|
||||
<tr><th><a href="chapter-7.xht">Chapter 7 -
|
||||
Media types</a></th>
|
||||
<td>(22 Tests)</td></tr>
|
||||
<td>(5 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s8">
|
||||
<tr><th><a href="chapter-8.xht">Chapter 8 -
|
||||
@@ -62,7 +62,7 @@
|
||||
<tbody id="s9">
|
||||
<tr><th><a href="chapter-9.xht">Chapter 9 -
|
||||
Visual formatting model</a></th>
|
||||
<td>(1247 Tests)</td></tr>
|
||||
<td>(1246 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s10">
|
||||
<tr><th><a href="chapter-10.xht">Chapter 10 -
|
||||
@@ -122,7 +122,7 @@
|
||||
<tbody id="sC">
|
||||
<tr><th><a href="chapter-C.xht">Appendix C -
|
||||
Changes</a></th>
|
||||
<td>(5 Tests)</td></tr>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="sD">
|
||||
<tr><th><a href="chapter-D.xht">Appendix D -
|
||||
|
||||
Reference in New Issue
Block a user