mirror of
https://github.com/servo/servo.git
synced 2025-08-11 16:35:33 +01:00
Auto merge of #19801 - servo:wptup, r=jdm
Update web-platform-tests <!-- Reviewable:start --> This change is [<img src="https://reviewable.io/review_button.svg" height="34" align="absmiddle" alt="Reviewable"/>](https://reviewable.io/reviews/servo/servo/19801) <!-- Reviewable:end -->
This commit is contained in:
commit
b62b51ab4b
832 changed files with 16026 additions and 2649 deletions
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Class selectors with only a partial match of 'class' attribute</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
|
||||
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
|
||||
<link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Class selector need to match any or all of the values in the 'class' attribute." />
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Class selectors with a type</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
|
||||
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
|
||||
<link rel="match" href="../reference/filler-text-below-green.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Class selector with a type, match the appropriate element." />
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Class selectors without a type</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
|
||||
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
|
||||
<link rel="match" href="../reference/filler-text-below-green.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Class selector without a type, match the appropriate element." />
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Invalid class selectors with a space between the "." and the class name</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
|
||||
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
|
||||
<link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
|
||||
<meta name="flags" content="invalid" />
|
||||
<meta name="assert" content="The attribute value of a class selector followed by white space is invalid." />
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Invalid class selectors with a carriage return between the "." and the class name</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
|
||||
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
|
||||
<link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
|
||||
<meta name="flags" content="invalid" />
|
||||
<meta name="assert" content="The attribute value of a class selector followed by white space is invalid." />
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Multiple class selectors</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
|
||||
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
|
||||
<link rel="match" href="../reference/filler-text-below-green.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="All class names in the selector need to match all of the 'class' attribute values." />
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Multiple class selectors and missing class values</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
|
||||
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
|
||||
<link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="All class names in the selector need to match all of the 'class' attribute values." />
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
|
||||
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/class/001.html" type="text/html"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
|
||||
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
|
||||
<link rel="match" href="../reference/ref-this-text-should-be-green.xht" />
|
||||
<style type="text/css">
|
||||
.teST { color: green; }
|
||||
|
|
|
@ -5,13 +5,15 @@
|
|||
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
|
||||
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/class/002.html" type="text/html"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
|
||||
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
|
||||
<link rel="match" href="../reference/ref-green-background.xht" />
|
||||
<style type="text/css">
|
||||
p { background: green; color: white; }
|
||||
.fail.test { background: red; color: yellow; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="pass test">This line should be green.</p>
|
||||
<p class="pass test">This should have a green background.</p>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
|
@ -5,13 +5,15 @@
|
|||
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
|
||||
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/class/003.html" type="text/html"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
|
||||
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
|
||||
<link rel="match" href="../reference/ref-green-background.xht" />
|
||||
<style type="text/css">
|
||||
p { background: red; color: yellow; }
|
||||
.pass.test { background: green; color: white; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="pass test">This line should be green.</p>
|
||||
<p class="pass test">This should have a green background.</p>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
|
@ -5,13 +5,15 @@
|
|||
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
|
||||
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/class/004.html" type="text/html"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
|
||||
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
|
||||
<link rel="match" href="../reference/ref-green-background.xht" />
|
||||
<style type="text/css">
|
||||
p { background: red; color: yellow; }
|
||||
.pass { background: green; color: white; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="pass test">This line should be green.</p>
|
||||
<p class="pass test">This should have a green background.</p>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<style>
|
||||
p {
|
||||
color: white;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>This line should be green.</p>
|
||||
<p>This line should be green.</p>
|
||||
<p>This line should be green.</p>
|
||||
<p>This line should be green.</p>
|
||||
<p>This line should be green.</p>
|
||||
<p>This line should be green.</p>
|
||||
<p>This line should be green.</p>
|
||||
<p>This line should be green.</p>
|
||||
</body>
|
||||
</html>
|
|
@ -5,6 +5,8 @@
|
|||
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
|
||||
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/class/005.html" type="text/html"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
|
||||
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
|
||||
<link rel="match" href="class-selector-012-ref.html" />
|
||||
<style type="text/css">
|
||||
p { background: red; color: yellow; }
|
||||
.test { background: green; color: white; }
|
||||
|
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<style>
|
||||
.green {
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="green">Filler Text</div>
|
||||
<div>Filler Text</div>
|
||||
<p>Test passes if the first "Filler Text" above is green and the second one is black.</p>
|
||||
</body>
|
||||
</html>
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: First-child pseudo-class</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-child" />
|
||||
<link rel="match" href="first-child-selector-001-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="First-child pseudo-class matches only the first element of its type." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<style>
|
||||
.green {
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
Filler Text
|
||||
<div class="green">Filler Text</div>
|
||||
<div>Filler Text</div>
|
||||
<p>Test passes if the second line of "Filler Text" above is green and the first and third lines are black.</p>
|
||||
</body>
|
||||
</html>
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: First-child pseudo-class with text node</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-child" />
|
||||
<link rel="match" href="first-child-selector-002-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="First-child pseudo-class matches only the first element of its type ignoring text nodes." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -5,12 +5,13 @@
|
|||
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
|
||||
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/child/001.xml" type="application/xhtml+xml"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-child" />
|
||||
<link rel="match" href="../reference/ref-this-text-should-be-green.xht" />
|
||||
<style type="text/css">
|
||||
html { color: green; }
|
||||
html:first-child { color: red ! important; }
|
||||
html { color: red; }
|
||||
:root:first-child { color: green; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>This should be green.</p>
|
||||
<p>This text should be green.</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<style>
|
||||
div {
|
||||
color: green;
|
||||
font: 2em sans-serif;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>This next line should be green:</p>
|
||||
<div>TESTING</div>
|
||||
</body>
|
||||
</html>
|
|
@ -5,6 +5,7 @@
|
|||
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
|
||||
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-letter/001.xml" type="application/xhtml+xml"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
|
||||
<link rel="match" href="first-letter-selector-000-ref.html" />
|
||||
<style type="text/css">
|
||||
.test { float: left; font: 2em sans-serif; }
|
||||
.test:first-letter { color: green; }
|
||||
|
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<style>
|
||||
span {
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if the letter "F" below is green.</p>
|
||||
<div><span>F</span>iller Text</div>
|
||||
</body>
|
||||
</html>
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: First-letter pseudo-element</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
|
||||
<link rel="match" href="first-letter-selector-001-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The :first-letter pseudo-element matches the first letter in a given element." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -0,0 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<body>
|
||||
<p>Test passes if there is no red visible on the page.</p>
|
||||
<div><img alt="15x15 blue box" src="support/blue15x15.png" />Filler Text</div>
|
||||
</body>
|
||||
</html>
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: First-letter pseudo-element with image missing alt text</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
|
||||
<link rel="match" href="first-letter-selector-002-ref.html" />
|
||||
<meta name="flags" content="image" />
|
||||
<meta name="assert" content="If there is preceding content (an image) or alt text the :first-letter pseudo-element does not match the first letter." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<style>
|
||||
span {
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if the number "4" below is green.</p>
|
||||
<div><span>4</span>2 Filler Text</div>
|
||||
</body>
|
||||
</html>
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: First-letter as a digit</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
|
||||
<link rel="match" href="first-letter-selector-003-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The ':first-letter' applies if the first letter is a digit." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: First-letter and :before</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
|
||||
<link rel="match" href="first-letter-selector-001-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="If an element has ':before' or ':after' content, the ':first-letter applies to the first letter of the element including that content." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -0,0 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<body>
|
||||
<p>Test passes if there is no red visible on the page.</p>
|
||||
<div><br />Filler Text</div>
|
||||
</body>
|
||||
</html>
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: First-letter with leading line break</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
|
||||
<link rel="match" href="first-letter-selector-005-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The first letter occurs on the first formatted line." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<style>
|
||||
span {
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if the letter "F" below is green.</p>
|
||||
<table>
|
||||
<tr>
|
||||
<td><span>F</span>iller Text</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: First-letter with table cell elements</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
|
||||
<link rel="match" href="first-letter-selector-007-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The :first-letter pseudo-element applies to table-cells." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: First-letter with inline-block elements</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
|
||||
<link rel="match" href="first-letter-selector-001-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The first-letter pseudo-element applies to inline-block elements." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: First-letter in descendents</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
|
||||
<link rel="match" href="first-letter-selector-001-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="A user agent acts as if the fictional start tag of the first-letter pseudo-element is just before the first text of the element, even if that first text is in a descendant." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -12,6 +12,6 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><span>This sentence should have a green background.</span></p>
|
||||
<p><span>This should have a green background.</span></p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -6,11 +6,12 @@
|
|||
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-line/003.xml" type="application/xhtml+xml"/>
|
||||
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-line/003.html" type="type/html"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
|
||||
<link rel="match" href="../reference/ref-this-text-should-be-green.xht" />
|
||||
<style type="text/css">
|
||||
:first-line { color: green; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>This line should be green.</p>
|
||||
<p>This text should be green.</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -6,11 +6,12 @@
|
|||
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-line/004.xml" type="application/xhtml+xml"/>
|
||||
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-line/004.html" type="type/html"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
|
||||
<link rel="match" href="../reference/ref-this-text-should-be-green.xht" />
|
||||
<style type="text/css">
|
||||
*:first-line { color: green; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>This line should be green.</p>
|
||||
<p>This text should be green.</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
|
||||
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-line/005.html" type="type/html"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
|
||||
<link rel="match" href="../reference/ref-this-text-should-be-green.xht" />
|
||||
<style type="text/css">
|
||||
p { color: red; }
|
||||
p:first-line { color: green; }
|
||||
|
@ -12,6 +13,6 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><span>This line should be green.</span></p>
|
||||
<p><span>This text should be green.</span></p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: First-line after a BR</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
|
||||
<link rel="match" href="first-letter-selector-005-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The :first-line pseudo-element start tag is inserted right after the start tag of the block element." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: ID selector syntax - Begins with hyphen</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#id-selectors" />
|
||||
<link rel="match" href="../reference/filler-text-below-green.xht" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Identifier selectors starting with a hyphen are valid." />
|
||||
<style type="text/css">
|
||||
|
@ -18,7 +19,7 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is no red visible on the page.</p>
|
||||
<p>Test passes if the "Filler Text" below is green.</p>
|
||||
<div id="-div1">Filler Text</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<style>
|
||||
div {
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if the "Filler Text" below is green.</p>
|
||||
<div>Filler Text
|
||||
<p>Filler Text</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Inherited lang attribute selected</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#lang" />
|
||||
<link rel="match" href="lang-selector-004-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Lang attribute is inherited and lang selector works on children." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Lang selector and document language set via server's content-language</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#lang" />
|
||||
<link rel="match" href="../reference/filler-text-below-green.xht" />
|
||||
<meta name="flags" content="http" />
|
||||
<meta name="assert" content="Lang attribute is selectable when specified by HTTP header." />
|
||||
<style type="text/css">
|
||||
|
@ -18,7 +19,6 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p id="prerequisite">PREREQUISITE: Set the page "content-language" header to "fr" (French).</p>
|
||||
<p>Test passes if the "Filler Text" below is green.</p>
|
||||
<div>Filler Text</div>
|
||||
</body>
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Lang selector and document language set via meta tag</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#lang" />
|
||||
<link rel="match" href="../reference/filler-text-below-green.xht" />
|
||||
<meta name="flags" content="" />
|
||||
<meta http-equiv="content-language" content="fr" />
|
||||
<meta name="assert" content="Lang attribute is selectable when specified in a meta tag." />
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: First-letter pseudo-element case sensitivity</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
|
||||
<link rel="match" href="first-letter-selector-001-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="First-letter is case-insensitive." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: First-child pseudo-element case sensitivity</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
|
||||
<link rel="match" href="universal-selector-002-ref.xht" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="First-child is case-insensitive." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -0,0 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<body>
|
||||
<p>Test passes if the words "Filler Text" are below.</p>
|
||||
<div>Filler Text</div>
|
||||
</body>
|
||||
</html>
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: After and before case sensitivity</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
|
||||
<link rel="match" href="pseudo-008-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="After and before are case-insensitive." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
<meta name="flags" content="http" />
|
||||
<meta name="assert" content="The HTTP charset setting overrides the referring document's code page." />
|
||||
<style type="text/css">
|
||||
@import "support/at-charset-004.css";
|
||||
@import "support/at-charset-003.css";
|
||||
div
|
||||
{
|
||||
color: red;
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
<meta name="assert" content="The HTTP charset setting overrides the charset designation in the referring document's meta tag." />
|
||||
<meta http-equiv="Content-Type" content="text/html; windows-1252" />
|
||||
<style type="text/css">
|
||||
@import "support/at-charset-005.css";
|
||||
@import "support/at-charset-003.css";
|
||||
div
|
||||
{
|
||||
color: red;
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
<meta name="flags" content="http" />
|
||||
<meta name="assert" content="The HTTP charset setting overrides the charset of referring document." />
|
||||
<style type="text/css">
|
||||
@import "support/at-charset-006.css";
|
||||
@import "support/at-charset-003.css";
|
||||
div
|
||||
{
|
||||
color: red;
|
||||
|
|
|
@ -16,7 +16,7 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if "Filler Text" is green.</p>
|
||||
<p>Test passes if the "Filler Text" below is green.</p>
|
||||
<div>Filler Text</div>
|
||||
</body>
|
||||
</html>
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
|
||||
<link rel="author" title="Ray Kiddy" href="mailto:ray@ganymede.org"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
|
||||
<link rel="match" href="ident-000-ref.xht"/>
|
||||
<link rel="match" href="ident-003-ref.xht"/>
|
||||
<meta name="flags" content="invalid"/>
|
||||
<style type="text/css">
|
||||
|
||||
|
|
|
@ -1,27 +0,0 @@
|
|||
<!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: Invalid Identifiers (starting with double -) as Classes and IDs</title>
|
||||
<link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
|
||||
<link rel="match" href="ident-000-ref.xht"/>
|
||||
|
||||
<meta name="flags" content="invalid" />
|
||||
<style type="text/css">
|
||||
|
||||
.one { color: green; background: white; }
|
||||
.--ident, .one { color: red; }
|
||||
|
||||
.two { color: green; background: white; }
|
||||
#--ident, .two { color: red; }
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p class="one">This should be green.</p>
|
||||
<p class="two">This should be green.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -1,40 +0,0 @@
|
|||
<Files ~ "^plaintext.css$">
|
||||
ForceType text/plain
|
||||
</Files>
|
||||
|
||||
<files character-encoding-031.css>
|
||||
AddCharset iso-8859-1 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-032.css>
|
||||
AddCharset iso-8859-11 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-033.css>
|
||||
AddCharset iso-8859-5 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-034.css>
|
||||
AddCharset iso-8859-6 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-035.css>
|
||||
AddCharset iso-8859-7 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-036.css>
|
||||
AddCharset iso-8859-8 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-037.css>
|
||||
AddCharset koi8-r .css
|
||||
</files>
|
||||
|
||||
<files ~ '^at-charset-07[1234567]\.css$'>
|
||||
RemoveCharset .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-041.css>
|
||||
AddCharset utf-16be .css
|
||||
</files>
|
||||
|
|
@ -0,0 +1 @@
|
|||
Content-Type: text/css; charset=Shift_JIS
|
|
@ -0,0 +1 @@
|
|||
Content-Type: text/css; charset=Shift_JIS
|
|
@ -0,0 +1 @@
|
|||
Content-Type: text/css; charset=Shift_JIS
|
|
@ -1,4 +0,0 @@
|
|||
.•˝<EFBFBD>a, #div2
|
||||
{
|
||||
color: green;
|
||||
}
|
|
@ -1,4 +0,0 @@
|
|||
.•˝<EFBFBD>a, #div2
|
||||
{
|
||||
color: green;
|
||||
}
|
|
@ -1,4 +0,0 @@
|
|||
.•˝<EFBFBD>a, #div2
|
||||
{
|
||||
color: green;
|
||||
}
|
|
@ -0,0 +1 @@
|
|||
Content-Type: text/plain
|
|
@ -0,0 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reference</title>
|
||||
<body>
|
||||
<p>Test passes if the words "Filler Text" below are all on the same line.</p>
|
||||
<div>Filler Text Filler Text Filler Text</div>
|
||||
</body>
|
|
@ -5,6 +5,7 @@
|
|||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
|
||||
<link rel="match" href="caption-side-applies-to-001-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Caption-side does not apply to 'display: inline' elements." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reference</title>
|
||||
<style>
|
||||
.blue {
|
||||
background: blue;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if there are three lines of "Filler Text" below and the middle line has a blue background.</p>
|
||||
<div>Filler Text</div>
|
||||
<div class="blue">Filler Text</div>
|
||||
<div>Filler Text</div>
|
||||
</body>
|
|
@ -5,6 +5,7 @@
|
|||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
|
||||
<link rel="match" href="caption-side-applies-to-002-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Caption-side does not apply to 'display: block' elements." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reference</title>
|
||||
<style>
|
||||
div {
|
||||
margin-left: 2em;
|
||||
}
|
||||
.orange {
|
||||
background: orange;
|
||||
display: list-item;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if there are three lines of "Filler Text" below and if the middle "Filler Text" has a orange background and a marker bullet on its left-hand side. The marker bullet should not have an orange background.</p>
|
||||
<div>Filler Text</div>
|
||||
<div class="orange">Filler Text</div>
|
||||
<div>Filler Text</div>
|
||||
</body>
|
|
@ -5,6 +5,7 @@
|
|||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
|
||||
<link rel="match" href="caption-side-applies-to-003-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Caption-side does not apply to 'display: list-item' elements." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
|
||||
<link rel="match" href="caption-side-applies-to-001-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Caption-side does not apply to 'display: inline-block' elements." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reference</title>
|
||||
<style>
|
||||
.box {
|
||||
background: blue;
|
||||
height: 1in;
|
||||
width: 2in;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if the "Filler Text" below is below the box.</p>
|
||||
<div class="box"></div>
|
||||
<div>Filler Text</div>
|
||||
</body>
|
|
@ -5,6 +5,7 @@
|
|||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
|
||||
<link rel="match" href="caption-side-applies-to-006-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Caption-side does not apply to 'display: table' elements." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
|
||||
<link rel="match" href="caption-side-applies-to-006-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Caption-side does not apply to 'display: inline-table' elements." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reference</title>
|
||||
<style>
|
||||
.box {
|
||||
background: blue;
|
||||
height: 1in;
|
||||
width: 2in;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if the "Filler Text" below is above the box.</p>
|
||||
<div>Filler Text</div>
|
||||
<div class="box"></div>
|
||||
</body>
|
|
@ -5,6 +5,7 @@
|
|||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
|
||||
<link rel="match" href="caption-side-applies-to-008-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Caption-side does not apply to 'display: table-row-group' elements." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
|
||||
<link rel="match" href="caption-side-applies-to-008-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Caption-side does not apply to 'display: table-header-group' elements." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
|
||||
<link rel="match" href="caption-side-applies-to-008-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Caption-side does not apply to 'display: table-footer-group' elements." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
|
||||
<link rel="match" href="caption-side-applies-to-008-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Caption-side does not apply to 'display: table-column' elements." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
|
||||
<link rel="match" href="caption-side-applies-to-008-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Caption-side does not apply to 'display: table-row' elements." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
|
||||
<link rel="match" href="caption-side-applies-to-008-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Caption-side does not apply to 'display: table-column-group' elements." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
|
||||
<link rel="match" href="caption-side-applies-to-008-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Caption-side does not apply to 'display: table-cell' elements." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
|
||||
<link rel="match" href="caption-side-applies-to-006-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Caption-side applies to 'display: table-caption' elements." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reference</title>
|
||||
<style>
|
||||
div {
|
||||
background: blue;
|
||||
width: 2in;
|
||||
}
|
||||
.box {
|
||||
height: 1in;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if the "Filler Text" below is inside the box.</p>
|
||||
<div>Filler Text</div>
|
||||
<div class="box"></div>
|
||||
</body>
|
|
@ -5,6 +5,7 @@
|
|||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
|
||||
<link rel="match" href="caption-side-applies-to-017-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Caption-side applies to 'display: inherit' elements which do not inherit the value of 'table-caption'." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reference</title>
|
||||
<style>
|
||||
div {
|
||||
height: 120px;
|
||||
width: 220px;
|
||||
}
|
||||
.orange {
|
||||
background: orange;
|
||||
}
|
||||
.blue {
|
||||
background: blue;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if the orange and blue boxes below are the same width.</p>
|
||||
<div class="orange"></div>
|
||||
<div class="blue"></div>
|
||||
</body>
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Collapsing borders model row width equation (auto layout)</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
|
||||
<link rel="match" href="collapsing-border-model-001-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The user agent adheres to the collapsing border model row width equation in auto table layout." />
|
||||
<style type="text/css">
|
||||
|
@ -22,7 +23,7 @@
|
|||
#div1
|
||||
{
|
||||
background: orange;
|
||||
height: 110px;
|
||||
height: 120px;
|
||||
width: 220px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reference</title>
|
||||
<style>
|
||||
div {
|
||||
height: 1.5in;
|
||||
width: 100px;
|
||||
}
|
||||
.orange {
|
||||
background: orange;
|
||||
}
|
||||
.blue {
|
||||
background: blue;
|
||||
width: 50px;
|
||||
float: right;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if the orange and blue boxes below are the same height.</p>
|
||||
<div class="orange"><div class="blue"></div></div>
|
||||
</body>
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Top table border width under collapsing borders model</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
|
||||
<link rel="match" href="collapsing-border-model-003-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The top border width of the table is half of the maximum collapsed top border width." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Tables under the collapsing borders model don't have padding</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
|
||||
<link rel="match" href="collapsing-border-model-001-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Padding doesn't apply to a table under the collapsing border model." />
|
||||
<style type="text/css">
|
||||
|
@ -23,7 +24,7 @@
|
|||
#div1
|
||||
{
|
||||
background: orange;
|
||||
height: 110px;
|
||||
height: 120px;
|
||||
width: 220px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Left table border width under collapsing borders model</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
|
||||
<link rel="match" href="collapsing-border-model-001-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The left border width of the table is half of the first cell's collapsed left border width." />
|
||||
<style type="text/css">
|
||||
|
@ -14,21 +15,22 @@
|
|||
}
|
||||
col
|
||||
{
|
||||
width: 1in;
|
||||
width: 165px;
|
||||
}
|
||||
td, #div1
|
||||
{
|
||||
height: 1in;
|
||||
height: 120px;
|
||||
}
|
||||
td
|
||||
{
|
||||
border-left: 1in solid blue;
|
||||
width: 110px;
|
||||
border-left: 110px solid blue;
|
||||
padding: 0;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
background: orange;
|
||||
width: 1.5in;
|
||||
width: 220px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Right table border width under collapsing borders model</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
|
||||
<link rel="match" href="collapsing-border-model-001-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The right border width of the table is half of the collapsed right border width of the last cell of the first row." />
|
||||
<style type="text/css">
|
||||
|
@ -14,21 +15,22 @@
|
|||
}
|
||||
col
|
||||
{
|
||||
width: 1in;
|
||||
width: 165px;
|
||||
}
|
||||
td, #div1
|
||||
{
|
||||
height: 1in;
|
||||
height: 120px;
|
||||
}
|
||||
td
|
||||
{
|
||||
border-right: 1in solid blue;
|
||||
width: 110px;
|
||||
border-right: 110px solid blue;
|
||||
padding: 0;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
background: orange;
|
||||
width: 1.5in;
|
||||
width: 220px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Bottom table border width under collapsing borders model</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
|
||||
<link rel="match" href="collapsing-border-model-003-ref.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The bottom border width of the table is half of the maximum collapsed bottom border width." />
|
||||
<style type="text/css">
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Row and the 'visibility' property</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#dynamic-effects" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="A 'visibility' value of 'collapse' applies to table rows." />
|
||||
<style type="text/css">
|
||||
|
@ -27,13 +28,13 @@
|
|||
.cell
|
||||
{
|
||||
display: table-cell;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is no red visible on the page.</p>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div id="table">
|
||||
<div id="row1">
|
||||
<div class="cell"></div>
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Row group and the 'visibility' property</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#dynamic-effects" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'visibility' value of 'collapse' applies to table row groups." />
|
||||
<style type="text/css">
|
||||
|
@ -31,13 +32,13 @@
|
|||
.cell
|
||||
{
|
||||
display: table-cell;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is no red visible on the page.</p>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div id="table">
|
||||
<div id="rowgroup1">
|
||||
<div id="row">
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Table-cell</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
|
||||
<link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="An element with 'display: table-cell' is rendered as if it were a table cell." />
|
||||
<style type="text/css">
|
||||
|
@ -19,13 +20,13 @@
|
|||
{
|
||||
background: black;
|
||||
display: table-cell;
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
height: 48px;
|
||||
width: 48px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a square below.</p>
|
||||
<p>Test passes if there is a filled black square.</p>
|
||||
<div class="table">
|
||||
<div class="tr">
|
||||
<div class="td"></div>
|
||||
|
|
|
@ -0,0 +1,4 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Reference for the content CSS attribute can replace an element's contents</title>
|
||||
|
||||
<img src='resources/rect.svg' />
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<title>The content CSS attribute can replace an element's contents</title>
|
||||
<link rel="match" href="element-replacement-ref.html" />
|
||||
<link rel="help" href="https://drafts.csswg.org/css-content-3/#content-property" />
|
||||
<meta name="assert" content"This test checks that the CSS content propertly can replace a normal element's contents" />
|
||||
|
||||
<style>
|
||||
p {
|
||||
margin: 0;
|
||||
content: url('resources/rect.svg');
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>This text should not be visible</p>
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="100" height="100" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="0" y="0" width="100" height="100" fill="green" />
|
||||
</svg>
|
After Width: | Height: | Size: 148 B |
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Display: Apply white-space property of display:contents element to inline children</title>
|
||||
<link rel="author" title="Rune Lillesveen" href="mailto:futhark@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-display-3/#valdef-display-contents">
|
||||
<link rel="match" href="display-contents-text-inherit-ref.html">
|
||||
<p>The words "Two" and "lines" should not be on the same line.</p>
|
||||
<div id="div" style="background-color:red">
|
||||
<span style="display:contents;white-space:pre-line">Two
|
||||
lines
|
||||
</span>
|
||||
</div>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
div.style.backgroundColor = "transparent";
|
||||
</script>
|
|
@ -10,17 +10,15 @@
|
|||
}
|
||||
.test {
|
||||
font-family: fwf;
|
||||
font-size: 3em;
|
||||
font-size: 2em;
|
||||
line-height: 1.1;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
|
||||
<!-- very minimal test, only tests hist, does not test salt or stylistic sets -->
|
||||
|
||||
<p>Test passes if the three lines below are identical, with one cross (✗)</p>
|
||||
<p>Test passes if the three lines below are identical, with twenty crosses (✗).</p>
|
||||
<section class="test">
|
||||
<p class="ref">B</p>
|
||||
<p class="ref">B</p>
|
||||
<p class="ref">B</p>
|
||||
</section>
|
||||
<p class="ref">BBBBBBBBBBBBBBBBBBBB</p>
|
||||
<p class="ref">BBBBBBBBBBBBBBBBBBBB</p>
|
||||
<p class="ref">BBBBBBBBBBBBBBBBBBBB</p>
|
||||
</section>
|
||||
|
|
|
@ -28,10 +28,9 @@
|
|||
</style>
|
||||
<body>
|
||||
|
||||
<p>Test passes if the three lines below are identical, with twenty crosses (✗)
|
||||
<!--, followed by one check mark (✓)-->. </p>
|
||||
<p>Test passes if the three lines below are identical, with twenty crosses (✗).</p>
|
||||
<section class="test">
|
||||
<p class="high">Xnophijklmqrstuvwxyz</p>
|
||||
<p class="low">Xnophijklmqrstuvwxyz</p>
|
||||
<p class="ref">BBBBBBBBBBBBBBBBBBBB</p>
|
||||
</section>
|
||||
<p class="high">Xnophijklmqrstuvwxyz</p>
|
||||
<p class="low">Xnophijklmqrstuvwxyz</p>
|
||||
<p class="ref">BBBBBBBBBBBBBBBBBBBB</p>
|
||||
</section>
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
}
|
||||
.test {
|
||||
font-family: fwf;
|
||||
font-size: 3em;
|
||||
font-size: 2em;
|
||||
line-height: 1.1;
|
||||
}
|
||||
</style>
|
||||
|
@ -18,9 +18,9 @@
|
|||
|
||||
<!-- very minimal test, only tests hist, does not test salt or stylistic sets -->
|
||||
|
||||
<p>Test passes if the three lines below are identical, with onecheck mark (✓). </p>
|
||||
<p>Test passes if the three lines below are identical, with one check mark (✓) followed by nineteen crosses (✗). </p>
|
||||
<section class="test">
|
||||
<p class="ref">A</p>
|
||||
<p class="ref">A</p>
|
||||
<p class="ref">A</p>
|
||||
</section>
|
||||
<p class="ref">ABBBBBBBBBBBBBBBBBBB</p>
|
||||
<p class="ref">ABBBBBBBBBBBBBBBBBBB</p>
|
||||
<p class="ref">ABBBBBBBBBBBBBBBBBBB</p>
|
||||
</section>
|
||||
|
|
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue