Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab
|
@ -0,0 +1,45 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<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>
|
||||
<col id="refs-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<col id="info-column"></col>
|
||||
<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>
|
|
@ -0,0 +1,45 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<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>
|
||||
<col id="refs-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<col id="info-column"></col>
|
||||
<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>
|
|
@ -0,0 +1,83 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<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>
|
||||
<col id="refs-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<col id="info-column"></col>
|
||||
<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.xht">style-attr-braces-001</a></strong></td>
|
||||
<td><a href="reference/ref-green-on-green.xht">=</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.xht">style-attr-braces-002</a></strong></td>
|
||||
<td><a href="reference/ref-green-on-green.xht">=</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.xht">style-attr-braces-002-quirks</a></strong></td>
|
||||
<td><a href="reference/ref-green-on-green.xht">=</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.xht">style-attr-braces-003</a></strong></td>
|
||||
<td><a href="reference/ref-green-on-green.xht">=</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>
|
153
tests/wpt/css-tests/css-style-attr-1_dev/xhtml1/chapter-4.xht
Normal file
|
@ -0,0 +1,153 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<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>
|
||||
<col id="refs-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<col id="info-column"></col>
|
||||
<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.xht">style-attr-cascade-001</a></td>
|
||||
<td><a href="reference/ref-green.xht">=</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.xht">style-attr-cascade-002</a></td>
|
||||
<td><a href="reference/ref-green.xht">=</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.xht">style-attr-cascade-003</a></td>
|
||||
<td><a href="reference/ref-green.xht">=</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.xht">style-attr-cascade-004</a></td>
|
||||
<td><a href="reference/ref-green-background.xht">=</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.xht">style-attr-cascade-005</a></td>
|
||||
<td><a href="reference/ref-green-background.xht">=</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.xht">style-attr-cascade-006</a></td>
|
||||
<td><a href="reference/ref-green.xht">=</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.xht">style-attr-cascade-007</a></td>
|
||||
<td><a href="reference/style-attr-cascade-007.xht">=</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.xht">style-attr-specificity-001</a></strong></td>
|
||||
<td><a href="reference/ref-green-on-green.xht">=</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.xht">style-attr-specificity-002</a></strong></td>
|
||||
<td><a href="reference/ref-green-on-green.xht">=</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.xht">style-attr-urls-001</a></strong></td>
|
||||
<td><a href="reference/ref-green-on-green.xht">=</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.xht">style-attr-urls-002</a></strong></td>
|
||||
<td><a href="reference/ref-green-on-green.xht">=</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>
|
||||
<tr id="style-attr-urls-003-4" class="primary image nonHTML">
|
||||
<td><strong>
|
||||
<a href="style-attr-urls-003.xht">style-attr-urls-003</a></strong></td>
|
||||
<td><a href="reference/ref-green-on-green2.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>URLs in style attributes (with xml:base and <base>)
|
||||
<ul class="assert">
|
||||
<li>In the presence of xml:base URL manipulation, URLs in style attributes are relative to the base of the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,39 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<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>
|
||||
<col id="refs-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<col id="info-column"></col>
|
||||
<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>
|
|
@ -0,0 +1,69 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<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>
|
||||
<col id="refs-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<col id="info-column"></col>
|
||||
<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 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 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 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 Reftest Reference</title>
|
||||
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
|
||||
<style type="text/css"><![CDATA[
|
||||
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 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 Reftest Reference</title>
|
||||
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
|
||||
<style type="text/css"><![CDATA[
|
||||
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 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 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 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 Reftest Reference</title>
|
||||
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
|
||||
<style type="text/css"><![CDATA[
|
||||
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 |
158
tests/wpt/css-tests/css-style-attr-1_dev/xhtml1/reftest-toc.xht
Normal file
|
@ -0,0 +1,158 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<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>
|
||||
<col id="ref-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<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.xht">style-attr-braces-001</a></td>
|
||||
<td><a href="reference/ref-green-on-green.xht">=</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.xht">style-attr-braces-002</a></td>
|
||||
<td><a href="reference/ref-green-on-green.xht">=</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.xht">style-attr-braces-002-quirks</a></td>
|
||||
<td><a href="reference/ref-green-on-green.xht">=</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.xht">style-attr-braces-003</a></td>
|
||||
<td><a href="reference/ref-green-on-green.xht">=</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.xht">style-attr-cascade-001</a></td>
|
||||
<td><a href="reference/ref-green.xht">=</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.xht">style-attr-cascade-002</a></td>
|
||||
<td><a href="reference/ref-green.xht">=</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.xht">style-attr-cascade-003</a></td>
|
||||
<td><a href="reference/ref-green.xht">=</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.xht">style-attr-cascade-004</a></td>
|
||||
<td><a href="reference/ref-green-background.xht">=</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.xht">style-attr-cascade-005</a></td>
|
||||
<td><a href="reference/ref-green-background.xht">=</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.xht">style-attr-cascade-006</a></td>
|
||||
<td><a href="reference/ref-green.xht">=</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.xht">style-attr-cascade-007</a></td>
|
||||
<td><a href="reference/style-attr-cascade-007.xht">=</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.xht">style-attr-specificity-001</a></td>
|
||||
<td><a href="reference/ref-green-on-green.xht">=</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.xht">style-attr-specificity-002</a></td>
|
||||
<td><a href="reference/ref-green-on-green.xht">=</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.xht">style-attr-urls-001</a></td>
|
||||
<td><a href="reference/ref-green-on-green.xht">=</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.xht">style-attr-urls-002</a></td>
|
||||
<td><a href="reference/ref-green-on-green.xht">=</a> </td>
|
||||
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="style-attr-urls-003" class="image nonHTML">
|
||||
<tr>
|
||||
<td rowspan="1" title="URLs in style attributes (with xml:base and <base>)">
|
||||
<a href="style-attr-urls-003.xht">style-attr-urls-003</a></td>
|
||||
<td><a href="reference/ref-green-on-green2.xht">=</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/xhtml1/reftest.list
Normal file
|
@ -0,0 +1,17 @@
|
|||
|
||||
style-attr-braces-001.xht == reference/ref-green-on-green.xht
|
||||
style-attr-braces-002.xht == reference/ref-green-on-green.xht
|
||||
style-attr-braces-002-quirks.xht == reference/ref-green-on-green.xht
|
||||
style-attr-braces-003.xht == reference/ref-green-on-green.xht
|
||||
style-attr-cascade-001.xht == reference/ref-green.xht
|
||||
style-attr-cascade-002.xht == reference/ref-green.xht
|
||||
style-attr-cascade-003.xht == reference/ref-green.xht
|
||||
style-attr-cascade-004.xht == reference/ref-green-background.xht
|
||||
style-attr-cascade-005.xht == reference/ref-green-background.xht
|
||||
style-attr-cascade-006.xht == reference/ref-green.xht
|
||||
style-attr-cascade-007.xht == reference/style-attr-cascade-007.xht
|
||||
style-attr-specificity-001.xht == reference/ref-green-on-green.xht
|
||||
style-attr-specificity-002.xht == reference/ref-green-on-green.xht
|
||||
style-attr-urls-001.xht == reference/ref-green-on-green.xht
|
||||
style-attr-urls-002.xht == reference/ref-green-on-green.xht
|
||||
style-attr-urls-003.xht == reference/ref-green-on-green2.xht
|
|
@ -0,0 +1,19 @@
|
|||
<!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: 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.xht" />
|
||||
<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"><![CDATA[
|
||||
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 PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><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.xht" 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 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: 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.xht" />
|
||||
<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"><![CDATA[
|
||||
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 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: 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.xht" />
|
||||
<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"><![CDATA[
|
||||
]]></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 XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<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.xht"/>
|
||||
<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 XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<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.xht"/>
|
||||
</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 XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<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.xht"/>
|
||||
<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 XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<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.xht"/>
|
||||
<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 XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<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.xht"/>
|
||||
<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 XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<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.xht"/>
|
||||
<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 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: 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.xht" />
|
||||
<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"><![CDATA[
|
||||
]]></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 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: 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.xht" />
|
||||
<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 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: 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.xht" />
|
||||
<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 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: 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.xht" />
|
||||
<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"><![CDATA[
|
||||
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 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: 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.xht" />
|
||||
<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"><![CDATA[
|
||||
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>
|
|
@ -0,0 +1,28 @@
|
|||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: URLs in style attributes (with xml:base and <base>)</title>
|
||||
<base href="support/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-green2.xht" xml:base="../../"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css-style-attr/#interpret"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/xmlbase"/>
|
||||
<meta http-equiv="Content-Style-Type" content="text/css"/>
|
||||
<meta name="flags" content="image nonHTML"/>
|
||||
<meta name="assert" content="In the presence of xml:base URL manipulation, URLs in style attributes are relative to the base of the element."/>
|
||||
<style type="text/css"><![CDATA[
|
||||
p { background: red; color: green; }
|
||||
img { background: red; color: white; vertical-align: middle; }
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
<p style="background-image: url(swatch-lime.png)" xml:base="../">
|
||||
This sentence must be green on a green background.
|
||||
<img src="support/swatch-lime.png" alt="[Your UA does not support xml:base. This test is therefore Not Applicable.]"/>
|
||||
</p>
|
||||
<p xml:base="../" style="background-image: url(swatch-lime.png)">
|
||||
This sentence must be green on a green background.
|
||||
<img src="support/swatch-lime.png" alt="[Your UA does not support xml:base. This test is therefore Not Applicable.]"/>
|
||||
</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/xhtml1/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 |