Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab
45
tests/wpt/css-tests/css-style-attr-1_dev/html4/chapter-1.htm
Normal 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>
|
45
tests/wpt/css-tests/css-style-attr-1_dev/html4/chapter-2.htm
Normal 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>
|
83
tests/wpt/css-tests/css-style-attr-1_dev/html4/chapter-3.htm
Normal 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>
|
142
tests/wpt/css-tests/css-style-attr-1_dev/html4/chapter-4.htm
Normal 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 <base>)
|
||||
<ul class="assert">
|
||||
<li>In the presence of <base> URL manipulation, URLs in style attributes are relative to the specified base.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
39
tests/wpt/css-tests/css-style-attr-1_dev/html4/chapter-5.htm
Normal 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>
|
69
tests/wpt/css-tests/css-style-attr-1_dev/html4/chapter-6.htm
Normal 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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
After Width: | Height: | Size: 135 B |
After Width: | Height: | Size: 135 B |
After Width: | Height: | Size: 109 B |
After Width: | Height: | Size: 109 B |
After Width: | Height: | Size: 135 B |
After Width: | Height: | Size: 109 B |
After Width: | Height: | Size: 224 B |
After Width: | Height: | Size: 218 B |
After Width: | Height: | Size: 217 B |
|
@ -0,0 +1 @@
|
|||
.a { color: green; }
|
|
@ -0,0 +1 @@
|
|||
.b { color: green; }
|
|
@ -0,0 +1 @@
|
|||
.c { color: red; }
|
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 203 B |
After Width: | Height: | Size: 222 B |
After Width: | Height: | Size: 231 B |
After Width: | Height: | Size: 223 B |
After Width: | Height: | Size: 137 B |
After Width: | Height: | Size: 691 B |
After Width: | Height: | Size: 671 B |
After Width: | Height: | Size: 760 B |
After Width: | Height: | Size: 757 B |
After Width: | Height: | Size: 92 B |
After Width: | Height: | Size: 92 B |
After Width: | Height: | Size: 78 B |
|
@ -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.
|
After Width: | Height: | Size: 84 B |
After Width: | Height: | Size: 84 B |
After Width: | Height: | Size: 84 B |
After Width: | Height: | Size: 84 B |
After Width: | Height: | Size: 84 B |
After Width: | Height: | Size: 85 B |
After Width: | Height: | Size: 84 B |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 1 KiB |
After Width: | Height: | Size: 180 B |
After Width: | Height: | Size: 2.4 KiB |
After Width: | Height: | Size: 1 KiB |
After Width: | Height: | Size: 1.2 KiB |
150
tests/wpt/css-tests/css-style-attr-1_dev/html4/reftest-toc.htm
Normal 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 <base>)">
|
||||
<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>
|
17
tests/wpt/css-tests/css-style-attr-1_dev/html4/reftest.list
Normal 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
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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 <base>)</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>
|
After Width: | Height: | Size: 135 B |
After Width: | Height: | Size: 135 B |
After Width: | Height: | Size: 109 B |
After Width: | Height: | Size: 109 B |
After Width: | Height: | Size: 135 B |
After Width: | Height: | Size: 109 B |
After Width: | Height: | Size: 224 B |
After Width: | Height: | Size: 218 B |
After Width: | Height: | Size: 217 B |
|
@ -0,0 +1 @@
|
|||
.a { color: green; }
|
|
@ -0,0 +1 @@
|
|||
.b { color: green; }
|
|
@ -0,0 +1 @@
|
|||
.c { color: red; }
|
BIN
tests/wpt/css-tests/css-style-attr-1_dev/html4/support/cat.png
Normal file
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 203 B |
After Width: | Height: | Size: 222 B |
After Width: | Height: | Size: 231 B |
After Width: | Height: | Size: 223 B |
After Width: | Height: | Size: 137 B |
After Width: | Height: | Size: 691 B |
After Width: | Height: | Size: 671 B |
After Width: | Height: | Size: 760 B |
After Width: | Height: | Size: 757 B |
After Width: | Height: | Size: 92 B |
After Width: | Height: | Size: 92 B |
After Width: | Height: | Size: 78 B |
|
@ -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.
|
After Width: | Height: | Size: 84 B |
After Width: | Height: | Size: 84 B |
After Width: | Height: | Size: 84 B |
After Width: | Height: | Size: 84 B |
After Width: | Height: | Size: 84 B |
After Width: | Height: | Size: 85 B |
After Width: | Height: | Size: 84 B |