Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab

This commit is contained in:
James Graham 2015-03-27 09:18:12 +00:00
parent 1a81b18b9f
commit 2c9faf5363
91915 changed files with 5979820 additions and 0 deletions

View file

@ -0,0 +1,45 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Introduction - CSS Style Attributes Level 1 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Style Attributes Level 1 CR Test Suite</h1>
<h2>Introduction (0 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="s1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s1">+</a>
<a href="http://www.w3.org/TR/css-style-attr/#intro">1 Introduction</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s1.#style-attribute">
<!-- 0 tests -->
</tbody>
<tbody id="s1.#style-attribute0">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Conformance - CSS Style Attributes Level 1 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Style Attributes Level 1 CR Test Suite</h1>
<h2>Conformance (0 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="s2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2">+</a>
<a href="http://www.w3.org/TR/css-style-attr/#conformance">2 Conformance</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.#document">
<!-- 0 tests -->
</tbody>
<tbody id="s2.#interpreter">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,83 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Syntax and Parsing - CSS Style Attributes Level 1 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Style Attributes Level 1 CR Test Suite</h1>
<h2>Syntax and Parsing (4 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="s3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3">+</a>
<a href="http://www.w3.org/TR/css-style-attr/#syntax">3 Syntax and Parsing</a></th></tr>
<!-- 4 tests -->
<tr id="style-attr-braces-001-3" class="primary invalid">
<td><strong>
<a href="style-attr-braces-001.htm">style-attr-braces-001</a></strong></td>
<td><a href="reference/ref-green-on-green.htm">=</a> </td>
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Stray closing brace in style attribute
<ul class="assert">
<li>A mismatched close brace in a style attribute is treated as an invalid token: it causes that declaration to be dropped, but does not invalidate the whole style rule and does not terminate the style attribute's style data.</li>
</ul>
</td>
</tr>
<tr id="style-attr-braces-002-3" class="primary invalid">
<td><strong>
<a href="style-attr-braces-002.htm">style-attr-braces-002</a></strong></td>
<td><a href="reference/ref-green-on-green.htm">=</a> </td>
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Blocks in style attributes
<ul class="assert">
<li>Style attribute values are the content of a declaration block: the braces must not be included and are therefore invalid.</li>
</ul>
</td>
</tr>
<tr id="style-attr-braces-002-quirks-3" class="primary invalid">
<td><strong>
<a href="style-attr-braces-002-quirks.htm">style-attr-braces-002-quirks</a></strong></td>
<td><a href="reference/ref-green-on-green.htm">=</a> </td>
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Blocks in style attributes in quirks mode
<ul class="assert">
<li>Style attribute values are the content of a declaration block: the braces must not be included and are therefore invalid.</li>
</ul>
</td>
</tr>
<tr id="style-attr-braces-003-3" class="primary invalid">
<td><strong>
<a href="style-attr-braces-003.htm">style-attr-braces-003</a></strong></td>
<td><a href="reference/ref-green-on-green.htm">=</a> </td>
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Pairing braces in style attributes
<ul class="assert">
<li>Braces in a style attribute are treated as an invalid tokens, and must be paired when dropping declarations.</li>
</ul>
</td>
</tr>
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,142 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Cascading and Interpretation - CSS Style Attributes Level 1 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Style Attributes Level 1 CR Test Suite</h1>
<h2>Cascading and Interpretation (12 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="s4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4">+</a>
<a href="http://www.w3.org/TR/css-style-attr/#interpret">4 Cascading and Interpretation</a></th></tr>
<!-- 12 tests -->
<tr id="style-attr-cascade-001-4" class="">
<td>
<a href="style-attr-cascade-001.htm">style-attr-cascade-001</a></td>
<td><a href="reference/ref-green.htm">=</a> </td>
<td></td>
<td>CSS: style attributes vs. important tag selector
</td>
</tr>
<tr id="style-attr-cascade-002-4" class="">
<td>
<a href="style-attr-cascade-002.htm">style-attr-cascade-002</a></td>
<td><a href="reference/ref-green.htm">=</a> </td>
<td></td>
<td>CSS: style attribute (normal vs. important)
</td>
</tr>
<tr id="style-attr-cascade-003-4" class="">
<td>
<a href="style-attr-cascade-003.htm">style-attr-cascade-003</a></td>
<td><a href="reference/ref-green.htm">=</a> </td>
<td></td>
<td>CSS: style attribute vs. tag selector
</td>
</tr>
<tr id="style-attr-cascade-004-4" class="">
<td>
<a href="style-attr-cascade-004.htm">style-attr-cascade-004</a></td>
<td><a href="reference/ref-green-background.htm">=</a> </td>
<td></td>
<td>CSS: style attribute vs. important tag selectors
</td>
</tr>
<tr id="style-attr-cascade-005-4" class="">
<td>
<a href="style-attr-cascade-005.htm">style-attr-cascade-005</a></td>
<td><a href="reference/ref-green-background.htm">=</a> </td>
<td></td>
<td>CSS: style attribute vs. tag selectors (interleaved importance)
</td>
</tr>
<tr id="style-attr-cascade-006-4" class="">
<td>
<a href="style-attr-cascade-006.htm">style-attr-cascade-006</a></td>
<td><a href="reference/ref-green.htm">=</a> </td>
<td></td>
<td>CSS: style attribute and 'inherit'
</td>
</tr>
<tr id="style-attr-cascade-007-4" class="image">
<td>
<a href="style-attr-cascade-007.htm">style-attr-cascade-007</a></td>
<td><a href="reference/style-attr-cascade-007.htm">=</a> </td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Style Attribute Inheritance
<ul class="assert">
<li>Iff a property inherits, it also inherits when declared via style attribute.</li>
</ul>
</td>
</tr>
<tr id="style-attr-specificity-001-4" class="primary">
<td><strong>
<a href="style-attr-specificity-001.htm">style-attr-specificity-001</a></strong></td>
<td><a href="reference/ref-green-on-green.htm">=</a> </td>
<td></td>
<td>Style attribute and specificity of selectors
<ul class="assert">
<li>The style attribute has a higher specificity than any other selector.</li>
</ul>
</td>
</tr>
<tr id="style-attr-specificity-002-4" class="primary">
<td><strong>
<a href="style-attr-specificity-002.htm">style-attr-specificity-002</a></strong></td>
<td><a href="reference/ref-green-on-green.htm">=</a> </td>
<td></td>
<td>Inline styles vs. 101 ID selectors
<ul class="assert">
<li>The style attribute has a higher specificity than all selectors, including ID selectors no matter how many.</li>
</ul>
</td>
</tr>
<tr id="style-attr-urls-001-4" class="primary image">
<td><strong>
<a href="style-attr-urls-001.htm">style-attr-urls-001</a></strong></td>
<td><a href="reference/ref-green-on-green.htm">=</a> </td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>URLs in style attributes
<ul class="assert">
<li>In the absence of any base URL manipulation, URLs in style attributes are relative to the document.</li>
</ul>
</td>
</tr>
<tr id="style-attr-urls-002-4" class="primary image">
<td><strong>
<a href="style-attr-urls-002.htm">style-attr-urls-002</a></strong></td>
<td><a href="reference/ref-green-on-green.htm">=</a> </td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>URLs in style attributes (with &lt;base&gt;)
<ul class="assert">
<li>In the presence of &lt;base&gt; URL manipulation, URLs in style attributes are relative to the specified base.</li>
</ul>
</td>
</tr>
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Acknowledgments - CSS Style Attributes Level 1 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Style Attributes Level 1 CR Test Suite</h1>
<h2>Acknowledgments (0 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="s5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5">+</a>
<a href="http://www.w3.org/TR/css-style-attr/#ack">5 Acknowledgments</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,69 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>References - CSS Style Attributes Level 1 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Style Attributes Level 1 CR Test Suite</h1>
<h2>References (0 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="s6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6">+</a>
<a href="http://www.w3.org/TR/css-style-attr/#references">6 References</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.#CSS21">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#HTML401">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#RFC2119">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#SVG11">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#informative-references">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#normative-references">
<!-- 0 tests -->
</tbody>
<tbody id="s.#abstract">
<!-- 0 tests -->
</tbody>
<tbody id="s.#contents">
<!-- 0 tests -->
</tbody>
<tbody id="s.#longstatus-date">
<!-- 0 tests -->
</tbody>
<tbody id="s.#status">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Reference</title>
<link href="http://www.intel.com" rel="author" title="Intel">
<style>
div { background-color: green; color: white; }
</style>
</head><body>
<div>This should be white on green.</div>
</body></html>

View file

@ -0,0 +1,13 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
<style type="text/css">
p { color: green; background: lime; }
</style>
</head>
<body>
<p>This sentence must be green on a green background.</p>
</body>
</html>

View file

@ -0,0 +1,14 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
<style type="text/css">
p { color: green; background: lime; }
</style>
</head>
<body>
<p>This sentence must be green on a green background.</p>
<p>This sentence must be green on a green background.</p>
</body>
</html>

View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Reference</title>
<link href="http://www.intel.com" rel="author" title="Intel">
<style type="text/css">
div { color: green; }
</style>
</head><body>
<div>This should be green.</div>
</body></html>

View file

@ -0,0 +1,14 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
<style type="text/css">
p { color: green; border: solid green; }
</style>
</head>
<body>
<p>
This sentence must be green with a green border.</p>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 135 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 135 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 135 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 224 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 218 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 217 B

View file

@ -0,0 +1 @@
.a { color: green; }

View file

@ -0,0 +1 @@
.b { color: green; }

View file

@ -0,0 +1 @@
.c { color: red; }

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 203 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 222 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 231 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 223 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 137 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 691 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 671 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 760 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 757 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 B

View file

@ -0,0 +1,4 @@
The swatch-green.png file in this directory is really a RED swatch,
and the swatch-red.png file is really a green swatch.
This directory is used to test relative URIs.

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 85 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 180 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

View file

@ -0,0 +1,150 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>CSS Style Attributes Level 1 CR Test Suite Reftest Index</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Style Attributes Level 1 CR Test Suite Reftest Index</h1>
<table width="100%">
<col id="test-column">
<col id="ref-column">
<col id="flags-column">
<thead>
<tr>
<th>Test</th>
<th>Reference</th>
<th>Flags</th>
</tr>
</thead>
<tbody id="style-attr-braces-001" class="invalid">
<tr>
<td rowspan="1" title="Stray closing brace in style attribute">
<a href="style-attr-braces-001.htm">style-attr-braces-001</a></td>
<td><a href="reference/ref-green-on-green.htm">=</a> </td>
<td rowspan="1"><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
</tr>
</tbody>
<tbody id="style-attr-braces-002" class="invalid">
<tr>
<td rowspan="1" title="Blocks in style attributes">
<a href="style-attr-braces-002.htm">style-attr-braces-002</a></td>
<td><a href="reference/ref-green-on-green.htm">=</a> </td>
<td rowspan="1"><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
</tr>
</tbody>
<tbody id="style-attr-braces-002-quirks" class="invalid">
<tr>
<td rowspan="1" title="Blocks in style attributes in quirks mode">
<a href="style-attr-braces-002-quirks.htm">style-attr-braces-002-quirks</a></td>
<td><a href="reference/ref-green-on-green.htm">=</a> </td>
<td rowspan="1"><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
</tr>
</tbody>
<tbody id="style-attr-braces-003" class="invalid">
<tr>
<td rowspan="1" title="Pairing braces in style attributes">
<a href="style-attr-braces-003.htm">style-attr-braces-003</a></td>
<td><a href="reference/ref-green-on-green.htm">=</a> </td>
<td rowspan="1"><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
</tr>
</tbody>
<tbody id="style-attr-cascade-001" class="">
<tr>
<td rowspan="1" title="CSS: style attributes vs. important tag selector">
<a href="style-attr-cascade-001.htm">style-attr-cascade-001</a></td>
<td><a href="reference/ref-green.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="style-attr-cascade-002" class="">
<tr>
<td rowspan="1" title="CSS: style attribute (normal vs. important)">
<a href="style-attr-cascade-002.htm">style-attr-cascade-002</a></td>
<td><a href="reference/ref-green.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="style-attr-cascade-003" class="">
<tr>
<td rowspan="1" title="CSS: style attribute vs. tag selector">
<a href="style-attr-cascade-003.htm">style-attr-cascade-003</a></td>
<td><a href="reference/ref-green.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="style-attr-cascade-004" class="">
<tr>
<td rowspan="1" title="CSS: style attribute vs. important tag selectors">
<a href="style-attr-cascade-004.htm">style-attr-cascade-004</a></td>
<td><a href="reference/ref-green-background.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="style-attr-cascade-005" class="">
<tr>
<td rowspan="1" title="CSS: style attribute vs. tag selectors (interleaved importance)">
<a href="style-attr-cascade-005.htm">style-attr-cascade-005</a></td>
<td><a href="reference/ref-green-background.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="style-attr-cascade-006" class="">
<tr>
<td rowspan="1" title="CSS: style attribute and 'inherit'">
<a href="style-attr-cascade-006.htm">style-attr-cascade-006</a></td>
<td><a href="reference/ref-green.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="style-attr-cascade-007" class="image">
<tr>
<td rowspan="1" title="Style Attribute Inheritance">
<a href="style-attr-cascade-007.htm">style-attr-cascade-007</a></td>
<td><a href="reference/style-attr-cascade-007.htm">=</a> </td>
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="style-attr-specificity-001" class="">
<tr>
<td rowspan="1" title="Style attribute and specificity of selectors">
<a href="style-attr-specificity-001.htm">style-attr-specificity-001</a></td>
<td><a href="reference/ref-green-on-green.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="style-attr-specificity-002" class="">
<tr>
<td rowspan="1" title="Inline styles vs. 101 ID selectors">
<a href="style-attr-specificity-002.htm">style-attr-specificity-002</a></td>
<td><a href="reference/ref-green-on-green.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="style-attr-urls-001" class="image">
<tr>
<td rowspan="1" title="URLs in style attributes">
<a href="style-attr-urls-001.htm">style-attr-urls-001</a></td>
<td><a href="reference/ref-green-on-green.htm">=</a> </td>
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="style-attr-urls-002" class="image">
<tr>
<td rowspan="1" title="URLs in style attributes (with &lt;base&gt;)">
<a href="style-attr-urls-002.htm">style-attr-urls-002</a></td>
<td><a href="reference/ref-green-on-green.htm">=</a> </td>
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,17 @@
style-attr-braces-001.htm == reference/ref-green-on-green.htm
style-attr-braces-002.htm == reference/ref-green-on-green.htm
style-attr-braces-002-quirks.htm == reference/ref-green-on-green.htm
style-attr-braces-003.htm == reference/ref-green-on-green.htm
style-attr-cascade-001.htm == reference/ref-green.htm
style-attr-cascade-002.htm == reference/ref-green.htm
style-attr-cascade-003.htm == reference/ref-green.htm
style-attr-cascade-004.htm == reference/ref-green-background.htm
style-attr-cascade-005.htm == reference/ref-green-background.htm
style-attr-cascade-006.htm == reference/ref-green.htm
style-attr-cascade-007.htm == reference/style-attr-cascade-007.htm
style-attr-specificity-001.htm == reference/ref-green-on-green.htm
style-attr-specificity-002.htm == reference/ref-green-on-green.htm
style-attr-urls-001.htm == reference/ref-green-on-green.htm
style-attr-urls-002.htm == reference/ref-green-on-green.htm
style-attr-urls-003.htm == reference/ref-green-on-green2.htm

View file

@ -0,0 +1,19 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Test: Stray closing brace in style attribute</title>
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
<link rel="reviewer" title="Arron Eicholz" href="mailto:Arron.Eicholz@microsoft.com">
<link rel="match" href="reference/ref-green-on-green.htm">
<link rel="help" href="http://www.w3.org/TR/css-style-attr/#syntax">
<meta name="flags" content="invalid">
<meta name="assert" content="A mismatched close brace in a style attribute is treated as an invalid token: it causes that declaration to be dropped, but does not invalidate the whole style rule and does not terminate the style attribute's style data.">
<style type="text/css">
p { background: red; }
</style>
</head>
<body>
<p style="color: green; color: red }; background: lime;">
This sentence must be green on a green background.</p>
</body>
</html>

View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Blocks in style attributes in quirks mode</title>
<link href="mailto:simonp@opera.com" rel="author" title="Simon Pieters">
<link href="reference/ref-green-on-green.htm" rel="match">
<link href="http://www.w3.org/TR/css-style-attr/#syntax" rel="help">
<meta content="invalid" name="flags">
<meta content="Style attribute values are the content of a
declaration block: the braces must not be included and are therefore invalid." name="assert">
<style type="text/css">
p { background: lime; color: green; }
</style>
</head>
<body>
<p style="{color: red; background: red; }">
This sentence must be green on a green background.</p>
</body></html>

View file

@ -0,0 +1,19 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Test: Blocks in style attributes</title>
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
<link rel="reviewer" title="Arron Eicholz" href="mailto:Arron.Eicholz@microsoft.com">
<link rel="match" href="reference/ref-green-on-green.htm">
<link rel="help" href="http://www.w3.org/TR/css-style-attr/#syntax">
<meta name="flags" content="invalid">
<meta name="assert" content="Style attribute values are the content of a declaration block: the braces must not be included and are therefore invalid.">
<style type="text/css">
p { background: lime; color: green; }
</style>
</head>
<body>
<p style="{color: red; background: red; }">
This sentence must be green on a green background.</p>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Test: Pairing braces in style attributes</title>
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
<link rel="reviewer" title="Arron Eicholz" href="mailto:Arron.Eicholz@microsoft.com">
<link rel="match" href="reference/ref-green-on-green.htm">
<link rel="help" href="http://www.w3.org/TR/css-style-attr/#syntax">
<meta name="flags" content="invalid">
<meta name="assert" content="Braces in a style attribute are treated as an invalid tokens, and must be paired when dropping declarations.">
<style type="text/css">
</style>
</head>
<body>
<p style="background: lime; {background: red; background: red; } background: red; color: green;">
This sentence must be green on a green background.</p>
</body>
</html>

View file

@ -0,0 +1,23 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS: style attributes vs. important tag selector</title>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
<link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/style/001.xml">
<link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#important-rules">
<link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order">
<link rel="help" href="http://www.w3.org/TR/css-style-attr/#interpret">
<link rel="match" href="reference/ref-green.htm">
<style type="text/css">
div { color: green ! important; }
</style>
</head>
<body>
<!--It has a style attribute with "color: red" but an important rule with "color:green".-->
<div style="color: red">This should be green.</div>
</body>
</html>

View file

@ -0,0 +1,16 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS: style attribute (normal vs. important)</title>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
<link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/style/002.xml">
<link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#important-rules">
<link rel="help" href="http://www.w3.org/TR/css-style-attr/#interpret">
<link rel="match" href="reference/ref-green.htm">
</head>
<body>
<!--It has a style attribute with "color: red" preceeded by an important "color: green".-->
<div style="color: green ! important; color: red">This should be green.</div>
</body>
</html>

View file

@ -0,0 +1,20 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS: style attribute vs. tag selector</title>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
<link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/style/003.xml">
<link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order">
<link rel="help" href="http://www.w3.org/TR/css-style-attr/#interpret">
<link rel="match" href="reference/ref-green.htm">
<style type="text/css">
div { color: red; }
</style>
</head>
<body>
<!--It has a style attribute with "color: green" and a normal style rule with "color: red". -->
<div style="color: green">This should be green.</div>
</body>
</html>

View file

@ -0,0 +1,19 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS: style attribute vs. important tag selectors</title>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
<link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/style/004.xml">
<link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#important-rules">
<link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order">
<link rel="help" href="http://www.w3.org/TR/css-style-attr/#interpret">
<link rel="match" href="reference/ref-green-background.htm">
<style type="text/css">
div { color: white ! important; background: green ! important; }
</style>
</head>
<body>
<div style="color: yellow; background: red;">This should be white on green.</div>
</body>
</html>

View file

@ -0,0 +1,19 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS: style attribute vs. tag selectors (interleaved importance)</title>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
<link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/style/005.xml">
<link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#important-rules">
<link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order">
<link rel="help" href="http://www.w3.org/TR/css-style-attr/#interpret">
<link rel="match" href="reference/ref-green-background.htm">
<style type="text/css">
div { color: white ! important; background: red; }
</style>
</head>
<body>
<div style="color: yellow; background: green ! important;">This should be white on green.</div>
</body>
</html>

View file

@ -0,0 +1,19 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS: style attribute and 'inherit'</title>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/style/006.xml">
<link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">
<link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order">
<link rel="help" href="http://www.w3.org/TR/css-style-attr/#interpret">
<link rel="match" href="reference/ref-green.htm">
<style type="text/css">
body { color: green; }
div { color: red; }
</style>
</head>
<body>
<div style="color: inherit">This should be green.</div>
</body>
</html>

View file

@ -0,0 +1,22 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Test: Style Attribute Inheritance</title>
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
<link rel="reviewer" title="Arron Eicholz" href="mailto:Arron.Eicholz@microsoft.com">
<link rel="match" href="reference/style-attr-cascade-007.htm">
<link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#inheritance">
<link rel="help" href="http://www.w3.org/TR/css-style-attr/#interpret">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="flags" content="image">
<meta name="assert" content="Iff a property inherits, it also inherits when declared via style attribute.">
<style type="text/css">
</style>
</head>
<body>
<div style="color: green; border-color: red;">
<p style="border-style: solid">
This sentence must be green with a green border.</p>
</div>
</body>
</html>

View file

@ -0,0 +1,24 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Test: Style attribute and specificity of selectors</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
<link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
<link rel="help" href="http://www.w3.org/TR/css-style-attr/#interpret">
<link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specificity">
<link rel="match" href="reference/ref-green-on-green.htm">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="flags" content="">
<meta name="assert" content="The style attribute has a higher specificity than any other selector.">
<style type="text/css">
#p1, .p1, p, p[style]
{
background: red;
color: yellow;
}
</style>
</head>
<body>
<p class="p1" id="p1" style="background: lime; color: green;">This sentence must be green on a green background.</p>
</body>
</html>

View file

@ -0,0 +1,25 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Test: Inline styles vs. 101 ID selectors</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
<link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
<link rel="help" href="http://www.w3.org/TR/css-style-attr/#interpret">
<link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specificity">
<link rel="match" href="reference/ref-green-on-green.htm">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="flags" content="">
<meta name="assert" content="The style attribute has a higher specificity than all selectors, including ID selectors no matter how many.">
<style type="text/css">
/* 101 ID selectors to identify if selector matching is additive */
#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1
{
background: red;
color: yellow;
}
</style>
</head>
<body>
<p id="p1" style="background: lime; color: green;">This sentence must be green on a green background.</p>
</body>
</html>

View file

@ -0,0 +1,20 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Test: URLs in style attributes</title>
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
<link rel="reviewer" title="Arron Eicholz" href="mailto:Arron.Eicholz@microsoft.com">
<link rel="match" href="reference/ref-green-on-green.htm">
<link rel="help" href="http://www.w3.org/TR/css-style-attr/#interpret">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="flags" content="image">
<meta name="assert" content="In the absence of any base URL manipulation, URLs in style attributes are relative to the document.">
<style type="text/css">
p { background: red; color: green; }
</style>
</head>
<body>
<p style="background-image: url(support/swatch-lime.png)">
This sentence must be green on a green background.</p>
</body>
</html>

View file

@ -0,0 +1,22 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Test: URLs in style attributes (with &lt;base&gt;)</title>
<base href="support/">
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
<link rel="reviewer" title="Arron Eicholz" href="mailto:Arron.Eicholz@microsoft.com">
<link rel="match" href="reference/ref-green-on-green.htm">
<link rel="help" href="http://www.w3.org/TR/css-style-attr/#interpret">
<link rel="help" href="http://www.w3.org/TR/html5/the-base-element.html#the-base-element">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="flags" content="image">
<meta name="assert" content="In the presence of <base> URL manipulation, URLs in style attributes are relative to the specified base.">
<style type="text/css">
p { background: red; color: green; }
</style>
</head>
<body>
<p style="background-image: url(swatch-lime.png)">
This sentence must be green on a green background.</p>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 135 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 135 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 135 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 224 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 218 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 217 B

View file

@ -0,0 +1 @@
.a { color: green; }

View file

@ -0,0 +1 @@
.b { color: green; }

View file

@ -0,0 +1 @@
.c { color: red; }

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 203 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 222 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 231 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 223 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 137 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 691 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 671 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 760 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 757 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 B

View file

@ -0,0 +1,4 @@
The swatch-green.png file in this directory is really a RED swatch,
and the swatch-red.png file is really a green swatch.
This directory is used to test relative URIs.

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 85 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Some files were not shown because too many files have changed in this diff Show more