summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/CSS2/values
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/values')
-rw-r--r--testing/web-platform/tests/css/CSS2/values/color-000-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/values/color-000.xht35
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-002.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-003.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-004.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-005.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-006.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-007-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-007.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-009-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-009.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-010-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-010.xht37
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-011-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-011.xht38
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-012-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-012.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-013-ref.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-013.xht49
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-015-ref-a.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-015-ref-b.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-015.xht43
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-016.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-017.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-018-ref.xht39
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-018.xht50
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-019-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-019.xht44
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-021-ref.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/values/numbers-units-021.xht36
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/README28
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/pattern-grg-rrg-rgg.pngbin0 -> 231 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/pattern-tr.pngbin0 -> 137 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/support/test-tr.pngbin0 -> 1235 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-001-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-001.xht47
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-002-ref.xht26
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-002.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-003-ref.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-003.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-004-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-004.xht28
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-005-ref.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-005.xht53
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-006-ref.xht33
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-006.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-008.xht31
-rw-r--r--testing/web-platform/tests/css/CSS2/values/units-009.xht31
81 files changed, 1394 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/values/color-000-ref.xht b/testing/web-platform/tests/css/CSS2/values/color-000-ref.xht
new file mode 100644
index 0000000000..9d463033b3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/color-000-ref.xht
@@ -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>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p {
+ color: green;
+}
+</style>
+</head>
+<body>
+<p>This should be green</p>
+<p>This should be green</p>
+<p>This should be green</p>
+<p>This should be green</p>
+<p>This should be green</p>
+<p>This should be green</p>
+<p>This should be green</p>
+<p>This should be green</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/color-000.xht b/testing/web-platform/tests/css/CSS2/values/color-000.xht
new file mode 100644
index 0000000000..ea2e3f51d3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/color-000.xht
@@ -0,0 +1,35 @@
+<!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: RGB color syntax error handling</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#color-units"/>
+ <link rel="match" href="color-000-ref.xht"/>
+ <meta name="flags" content="invalid"/>
+ <style type="text/css">
+ p.correct { color: red }
+ p.incorrect { color: green }
+ p#numnumpercent { color: rgb(255, 0, 0%) }
+ p#percentnumnum { color: rgb(100%, 0, 0) }
+ p#percentpercentnum { color: rgb(100%, 0%, 0) }
+ p#percentnumpercent { color: rgb(100%, 0, 0%) }
+ p#numpercentnum { color: rgb(255, 0%, 0); }
+ p#numnumnum { color: rgb(0, 128, 0) }
+ p#percentpercentpercent1 { color: rgb(0%, 50%, 0%) }
+ p#percentpercentpercent2 { color: rgb(0%, 50.01%, 0%) }
+ </style>
+ </head>
+ <body>
+ <p class="incorrect" id="numnumpercent">This should be green</p>
+ <p class="incorrect" id="percentnumnum">This should be green</p>
+ <p class="incorrect" id="percentpercentnum">This should be green</p>
+ <p class="incorrect" id="percentnumpercent">This should be green</p>
+ <p class="incorrect" id="numpercentnum">This should be green</p>
+
+ <p class="correct" id="numnumnum">This should be green</p>
+ <p class="correct" id="percentpercentpercent1">This should be green</p>
+ <p class="correct" id="percentpercentpercent2">This should be green</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-001.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-001.xht
new file mode 100644
index 0000000000..dae3fa6df3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-001.xht
@@ -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>
+ <title>CSS Test: Parsing invalid numbers - alphanumeric characters</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#numbers" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#integers" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="An integer cannot have alphanumeric characters within it." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ height: 9a6px;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-002.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-002.xht
new file mode 100644
index 0000000000..4a0146f077
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-002.xht
@@ -0,0 +1,23 @@
+<!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>
+ <title>CSS Test: Parsing decimal values - decimal with multiple decimal digits</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#numbers" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#numbers" />
+ <meta name="assert" content="A number can be zero or more digits followed by a dot (.) followed by multiple digits." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 0;
+ height: 96.111px;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled box below.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-003.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-003.xht
new file mode 100644
index 0000000000..57600a7c70
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-003.xht
@@ -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>
+ <title>CSS Test: Parsing invalid decimal values - alphanumeric characters within number</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#numbers" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#numbers" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="An alphanumeric character cannot be within the number value." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ height: a.6px;
+ width: 96px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-004.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-004.xht
new file mode 100644
index 0000000000..1ce19808ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-004.xht
@@ -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>
+ <title>CSS Test: Parsing integer numbers with '+'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#numbers" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#integers" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+ <meta name="assert" content="Integers can be preceded by '+'." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 0;
+ height: +1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-005.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-005.xht
new file mode 100644
index 0000000000..a5daced856
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-005.xht
@@ -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>
+ <title>CSS Test: Optional unit identifier after 0</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#lengths" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="After a zero length, the unit identifier is not necessary." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ height: 0;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-006.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-006.xht
new file mode 100644
index 0000000000..24fd36e0ad
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-006.xht
@@ -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>
+ <title>CSS Test: Unsupported negative values</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#lengths" />
+ <link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="If a negative length value is set on a property that does not allow negative length values, the declaration is ignored." />
+ <style type="text/css">
+ div
+ {
+ background: black;
+ height: 1in;
+ height: -1px;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled black square.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-007-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-007-ref.xht
new file mode 100644
index 0000000000..ac9b53bd4d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-007-ref.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>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ margin-top: 10px;
+ background: black;
+ height: 1em;
+ width: 1em;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the two boxes below are the same size.</p>
+<div/><div/>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-007.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-007.xht
new file mode 100644
index 0000000000..b70cb36ca6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-007.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Em sizes</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="numbers-units-007-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'em' unit is equal to the computed value of the 'font-size' property (default) of the element on which it is used." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ background: black;
+ height: 1em;
+ width: 1em;
+ }
+ div
+ {
+ font-family: Ahem;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="test"></div>
+ <div>X</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-009-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-009-ref.xht
new file mode 100644
index 0000000000..f55860883c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-009-ref.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>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ margin-top: 10px;
+ background: black;
+ height: 32px;
+ width: 32px;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the two boxes below are the same size.</p>
+<div/><div/>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-009.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-009.xht
new file mode 100644
index 0000000000..78882eba4b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-009.xht
@@ -0,0 +1,37 @@
+<!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>
+ <title>CSS Test: Em size with the font-size set to px size</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="numbers-units-009-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'em' unit is equal to the computed value of the 'font-size' property (pixels) of the element on which it is used." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font-size: 32px;
+ }
+ #test
+ {
+ background: black;
+ height: 1em;
+ width: 1em;
+ }
+ div
+ {
+ font-family: Ahem;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="test"></div>
+ <div>X</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-010-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-010-ref.xht
new file mode 100644
index 0000000000..a8b9d419f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-010-ref.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>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ margin-top: 10px;
+ background: black;
+ height: 1in;
+ width: 1in;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the two boxes below are the same size.</p>
+<div/><div/>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-010.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-010.xht
new file mode 100644
index 0000000000..03b0b71aea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-010.xht
@@ -0,0 +1,37 @@
+<!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>
+ <title>CSS Test: Em size with font-size set to inch</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="numbers-units-010-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'em' unit is equal to the computed value of the 'font-size' property (inches) of the element on which it is used." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font-size: 1in;
+ }
+ #test
+ {
+ background: black;
+ height: 1em;
+ width: 1em;
+ }
+ div
+ {
+ font-family: Ahem;
+ margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="test"></div>
+ <div>X</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-011-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-011-ref.xht
new file mode 100644
index 0000000000..8aa1cabff7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-011-ref.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>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ margin-top: 10px;
+ background: black;
+ height: 3em;
+ width: 3em;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the two boxes below are the same size.</p>
+<div/><div/>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-011.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-011.xht
new file mode 100644
index 0000000000..e1edfea9e1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-011.xht
@@ -0,0 +1,38 @@
+<!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>
+ <title>CSS Test: Em size with font-size set to em</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="numbers-units-011-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="When 'em' is assigned in the value of the 'font-size' property itself, it uses the font size of the parent element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #div1
+ {
+ font-size: 3em;
+ }
+ #test
+ {
+ background: black;
+ height: 1em;
+ width: 1em;
+ }
+ div
+ {
+ font-family: Ahem;
+ margin-top: 10px;
+ line-height: 1;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1">
+ <div id="test"></div>
+ <div>X</div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-012-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-012-ref.xht
new file mode 100644
index 0000000000..20b06994a5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-012-ref.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>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ margin-top: 5px;
+ background: black;
+ height: 1in;
+ width: 1in;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the three boxes below are the same size.</p>
+<div/><div/><div/>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-012.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-012.xht
new file mode 100644
index 0000000000..f24e528c5b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-012.xht
@@ -0,0 +1,49 @@
+<!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>
+ <title>CSS Test: Em size with font-size set to ex</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="numbers-units-012-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'em' unit is equal to the computed value of the 'font-size' property (ex) of the element on which it is used." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ font-size: 6ex;
+ }
+ #test
+ {
+ background: black;
+ height: 1em;
+ width: 1em;
+ }
+ div
+ {
+ margin-top: 5px;
+ }
+ #reference
+ {
+ background: black;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the three boxes below are the same size.</p>
+ <div id="parent">
+ <div id="div1">
+ <div id="test"></div>
+ <div>X</div>
+ <div id="reference"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-013-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-013-ref.xht
new file mode 100644
index 0000000000..03d382d04d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-013-ref.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>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ margin-top: 5px;
+ background: black;
+ height: 100px;
+ width: 100px;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the three boxes below are the same size.</p>
+<div/><div/><div/>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-013.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-013.xht
new file mode 100644
index 0000000000..ac42ede119
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-013.xht
@@ -0,0 +1,49 @@
+<!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>
+ <title>CSS Test: Em size with font-size set to percentage</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="numbers-units-013-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'em' unit is equal to the computed value of the 'font-size' property of the element on which it is used." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #parent
+ {
+ font: 20px/1 Ahem;
+ }
+ #div1
+ {
+ font-size: 500%;
+ }
+ #test
+ {
+ background: black;
+ height: 1em;
+ width: 1em;
+ }
+ div
+ {
+ margin-top: 5px;
+ }
+ #reference
+ {
+ background: black;
+ height: 100px;
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the three boxes below are the same size.</p>
+ <div id="parent">
+ <div id="div1">
+ <div id="test"></div>
+ <div>X</div>
+ <div id="reference"></div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-015-ref-a.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-015-ref-a.xht
new file mode 100644
index 0000000000..d40d3b533f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-015-ref-a.xht
@@ -0,0 +1,29 @@
+<!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>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<style type="text/css">
+div {
+ background: black;
+ font-family: Ahem;
+ margin-top: 2px;
+}
+#test, #div1 {
+ height: 0.5em;
+ width: 0.5em;
+}
+#div2 {
+ height: 0.8em;
+ width: 0.8em;
+}
+</style>
+</head>
+<body>
+<p>Test passes if any two of the boxes below are the same size.</p>
+<div id="test"></div>
+<div id="div1"></div>
+<div id="div2"></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-015-ref-b.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-015-ref-b.xht
new file mode 100644
index 0000000000..2cc17cde6d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-015-ref-b.xht
@@ -0,0 +1,29 @@
+<!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>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<style type="text/css">
+div {
+ background: black;
+ font-family: Ahem;
+ margin-top: 2px;
+}
+#div1 {
+ height: 0.5em;
+ width: 0.5em;
+}
+#test, #div2 {
+ height: 0.8em;
+ width: 0.8em;
+}
+</style>
+</head>
+<body>
+<p>Test passes if any two of the boxes below are the same size.</p>
+<div id="test"></div>
+<div id="div1"></div>
+<div id="div2"></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-015.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-015.xht
new file mode 100644
index 0000000000..d79cce5890
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-015.xht
@@ -0,0 +1,43 @@
+<!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>
+ <title>CSS Test: Height of EX</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="numbers-units-015-ref-a.xht"/>
+ <link rel="match" href="numbers-units-015-ref-b.xht"/>
+ <meta name="flags" content="ahem should" />
+ <meta name="assert" content="In the cases where it is impossible or impractical to determine the x-height, a value of 0.5em should be used." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #test
+ {
+ height: 1ex;
+ width: 1ex;
+ }
+ #div1
+ {
+ height: 0.5em;
+ width: 0.5em;
+ }
+ #div2
+ {
+ height: 0.8em;
+ width: 0.8em;
+ }
+ div
+ {
+ background: black;
+ font-family: Ahem;
+ margin-top: 2px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if any two of the boxes below are the same size.</p>
+ <div id="test"></div>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-016.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-016.xht
new file mode 100644
index 0000000000..97b0af5868
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-016.xht
@@ -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>
+ <title>CSS Test: Parsing invalid percentage values - decimal value with multiple decimals</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#percentage-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#percentages" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="Percentage assignments with more than one decimal are invalid." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 0;
+ height: 50.1.1%;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-017.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-017.xht
new file mode 100644
index 0000000000..3ee11a790f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-017.xht
@@ -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>
+ <title>CSS Test: Parsing of percentage values - 0%</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#percentage-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#percentages" />
+ <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
+ <meta name="assert" content="Percentage of 0% is valid and calculates to 0." />
+ <style type="text/css">
+ div
+ {
+ background: red;
+ height: 1in;
+ height: 0%;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-018-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-018-ref.xht
new file mode 100644
index 0000000000..ce9896684b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-018-ref.xht
@@ -0,0 +1,39 @@
+<!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>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+html {
+ border: 1px solid;
+ margin-left: 400px;
+ margin-top: 320px;
+}
+p {
+ font: 16px serif;
+}
+div {
+ position: absolute;
+}
+#div1 {
+ background: orange;
+ height: 20px;
+ left: 0;
+ top: 320px;
+ width: 400px;
+}
+#div2 {
+ background: blue;
+ height: 320px;
+ left: 400px;
+ top: 0;
+ width: 20px;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the black box containing this text is to the right of the orange box and below the blue box.</p>
+<div id="div1"></div>
+<div id="div2"></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-018.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-018.xht
new file mode 100644
index 0000000000..a5c6f76fa3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-018.xht
@@ -0,0 +1,50 @@
+<!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>
+ <title>CSS Test: Specifying em/ex on the root element</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="match" href="numbers-units-018-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="Units 'em' and 'ex' refer to the initial value of the property when specified on the root element of a document." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ html
+ {
+ border: 1px solid;
+ font: 20px/1 Ahem;
+ margin-left: 20em;
+ margin-top: 20ex;
+ }
+ div
+ {
+ position: absolute;
+ }
+ #div1
+ {
+ background: orange;
+ height: 20px;
+ left: 0;
+ top: 320px;
+ width: 400px;
+ }
+ #div2
+ {
+ background: blue;
+ height: 320px;
+ left: 400px;
+ top: 0;
+ width: 20px;
+ }
+ p
+ {
+ font: 16px serif;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the black box containing this text is to the right of the orange box and below the blue box.</p>
+ <div id="div1"></div>
+ <div id="div2"></div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-019-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-019-ref.xht
new file mode 100644
index 0000000000..1c8c2e3189
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-019-ref.xht
@@ -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>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p {
+ font-size: 12pt;
+}
+div {
+ margin-top: 3px;
+ background: black;
+ height: 32px;
+ width: 32px;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the two boxes below are the same size.</p>
+<div/><div/>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-019.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-019.xht
new file mode 100644
index 0000000000..205e3b6392
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-019.xht
@@ -0,0 +1,44 @@
+<!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>
+ <title>CSS Test: First available font defines the 'ex' unit size</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="numbers-units-019-ref.xht"/>
+ <meta name="flags" content="ahem" />
+ <meta name="assert" content="The 'ex' unit size is defined by the element's first available font." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ body
+ {
+ font-size: 40px;
+ }
+ p
+ {
+ font-size: 12pt;
+ }
+ div
+ {
+ background: black;
+ font-family: invalidFont, Ahem;
+ margin-top: 3px;
+ }
+ #test
+ {
+ height: 1ex;
+ width: 1ex;
+ }
+ #compare
+ {
+ height: 0.8em;
+ width: 0.8em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="test"></div>
+ <div id="compare"></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-021-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-021-ref.xht
new file mode 100644
index 0000000000..d8f40a497b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-021-ref.xht
@@ -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>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p {
+ font-family: serif;
+}
+div {
+ margin-top: 2px;
+ background: black;
+ height: 32px;
+ width: 32px;
+}
+</style>
+</head>
+<body>
+<p>Test passes if the two boxes below are the same size.</p>
+<div/><div/>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-021.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-021.xht
new file mode 100644
index 0000000000..7f3e20aad9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-021.xht
@@ -0,0 +1,36 @@
+<!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>
+ <title>CSS Test: Root element and the 'em' unit size</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="match" href="numbers-units-021-ref.xht"/>
+ <meta name="flags" content="96dpi ahem" />
+ <meta name="assert" content="The 'em' unit refers to the property's initial value when specified on the root element." />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ html
+ {
+ font-family: Ahem;
+ font-size: 2em;
+ }
+ #div1
+ {
+ background-color: black;
+ height: 32px;
+ margin-bottom: 2px;
+ width: 32px;
+ }
+ p
+ {
+ font-family: serif;
+ font-size: 0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the two boxes below are the same size.</p>
+ <div id="div1"></div>
+ <div>X</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/values/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/values/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/values/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/values/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/values/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/values/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/values/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/values/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/values/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/README b/testing/web-platform/tests/css/CSS2/values/support/README
new file mode 100644
index 0000000000..2e5f2ad073
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/README
@@ -0,0 +1,28 @@
+CSS Global Support Directory
+============================
+
+This directory contains common support files (such as images and external
+style sheets). These are sync'ed into the support directories of all our
+test suites. If you have test-suite-specific support files, please add
+them to the appropriate test-suite-specific support/ directory.
+
+If you add to a support/ directory, please run the tools/supportprop.py
+script from the top of the repository to cascade support files into the
+lower-level support directories.
+
+Description of the Common Support File Collection
+-------------------------------------------------
+
+The 1x1-* images are all exactly one pixel.
+
+The swatch-* images all use 15x15 cells.
+
+The square-* images all use 15x15 cells with one pixel borders.
+
+The pattern-* images use cells of various sizes:
+
+ pattern-grg-rgr-grg.png 20x20
+ pattern-rgr-grg-rgr.png 20x20
+ pattern-tr.png 15x15
+ pattern-grg-rrg-rgg.png 15x15
+
diff --git a/testing/web-platform/tests/css/CSS2/values/support/a-green.css b/testing/web-platform/tests/css/CSS2/values/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/CSS2/values/support/b-green.css b/testing/web-platform/tests/css/CSS2/values/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/values/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/values/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/c-red.css b/testing/web-platform/tests/css/CSS2/values/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/values/support/cat.png b/testing/web-platform/tests/css/CSS2/values/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/diamond.png b/testing/web-platform/tests/css/CSS2/values/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/green15x15.png b/testing/web-platform/tests/css/CSS2/values/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/values/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/values/support/pattern-grg-rrg-rgg.png
new file mode 100644
index 0000000000..fcf4f3fd7d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/pattern-grg-rrg-rgg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/values/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/values/support/pattern-tr.png
new file mode 100644
index 0000000000..8b4b25364e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/pattern-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/ring.png b/testing/web-platform/tests/css/CSS2/values/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/square-purple.png b/testing/web-platform/tests/css/CSS2/values/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/square-teal.png b/testing/web-platform/tests/css/CSS2/values/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/square-white.png b/testing/web-platform/tests/css/CSS2/values/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/values/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/values/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/values/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/values/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/values/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/values/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/values/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/test-bl.png b/testing/web-platform/tests/css/CSS2/values/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/test-br.png b/testing/web-platform/tests/css/CSS2/values/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/test-outer.png b/testing/web-platform/tests/css/CSS2/values/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/test-tl.png b/testing/web-platform/tests/css/CSS2/values/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/support/test-tr.png b/testing/web-platform/tests/css/CSS2/values/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/support/test-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/values/units-001-ref.xht b/testing/web-platform/tests/css/CSS2/values/units-001-ref.xht
new file mode 100644
index 0000000000..4de7062fd2
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-001-ref.xht
@@ -0,0 +1,32 @@
+<!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>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 200px;
+ margin-left: 2px;
+ margin-top: 18px;
+ width: 200px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/values/units-001.xht b/testing/web-platform/tests/css/CSS2/values/units-001.xht
new file mode 100644
index 0000000000..a3e08e4543
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-001.xht
@@ -0,0 +1,47 @@
+<!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" lang="en">
+ <head>
+ <title>CSS Test: Units: Equivalence</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/001.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#absolute-lengths" />
+ <link rel="match" href="units-001-ref.xht" />
+
+ <meta name="flags" content="ahem"/>
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ table { font: 20px/1 Ahem; }
+ td { padding: 0; background: red; }
+ div { background: green; height: 1.25em; }
+ .px { width: 200px; }
+ .em { width: 10em; }
+ .ex { width: 12.5ex; }
+ .in { width: 2.08333in; }
+ .cm { width: 5.29166cm; }
+ .mm { width: 52.9166mm; }
+ .pt { width: 150pt; }
+ .pc { width: 12.5pc; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <table>
+ <tr>
+ <td>
+ <div class="px"></div>
+ <div class="em"></div>
+ <div class="ex"></div>
+ <div class="in"></div>
+ <div class="cm"></div>
+ <div class="mm"></div>
+ <div class="pt"></div>
+ <div class="pc"></div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/units-002-ref.xht b/testing/web-platform/tests/css/CSS2/values/units-002-ref.xht
new file mode 100644
index 0000000000..136c097ecb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-002-ref.xht
@@ -0,0 +1,26 @@
+<!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>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ img {vertical-align: top;}
+
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the top and the bottom of a filled orange square are exactly flush with, respectively, the top and the bottom of 2 navy rectangles.</p>
+
+ <div><img src="support/1x1-navy.png" width="250" height="200" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="200" height="200" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="250" height="200" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/values/units-002.xht b/testing/web-platform/tests/css/CSS2/values/units-002.xht
new file mode 100644
index 0000000000..8fd7b0bd5e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-002.xht
@@ -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" lang="en">
+ <head>
+ <title>CSS Test: Units: ex</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/002.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="units-002-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { font: 250px/1 Ahem; margin: 0; color: navy; }
+ img { height: 1ex; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the top and the bottom of a filled orange square are exactly flush with, respectively, the top and the bottom of 2 navy rectangles.</p>
+ <div class="test">É<img src="support/swatch-orange.png" alt=" This test needs images." />É</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/units-003-ref.xht b/testing/web-platform/tests/css/CSS2/values/units-003-ref.xht
new file mode 100644
index 0000000000..8c43d2efa5
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-003-ref.xht
@@ -0,0 +1,28 @@
+<!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>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {margin-top: 216px;}
+
+ img {vertical-align: bottom;}
+
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the top and the bottom of a small filled orange square are exactly flush with, respectively, the top and the bottom of 2 wide navy rectangles.</p>
+
+ <div><img src="support/1x1-navy.png" width="250" height="50" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="50" height="50" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="250" height="50" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/values/units-003.xht b/testing/web-platform/tests/css/CSS2/values/units-003.xht
new file mode 100644
index 0000000000..df6b1ab71e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-003.xht
@@ -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" lang="en">
+ <head>
+ <title>CSS Test: Units: ex</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/003.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="units-003-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { font: 250px/1 Ahem; margin: 0; color: navy; }
+ img { height: 0.25ex; vertical-align: bottom; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the top and the bottom of a small filled orange square are exactly flush with, respectively, the top and the bottom of 2 wide navy rectangles.</p>
+ <div class="test">p<img src="support/swatch-orange.png" alt=" This test needs images. "/>p</div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/units-004-ref.xht b/testing/web-platform/tests/css/CSS2/values/units-004-ref.xht
new file mode 100644
index 0000000000..abe58938f3
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-004-ref.xht
@@ -0,0 +1,30 @@
+<!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>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 200px;
+ width: 200px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/values/units-004.xht b/testing/web-platform/tests/css/CSS2/values/units-004.xht
new file mode 100644
index 0000000000..a0e474e0ae
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-004.xht
@@ -0,0 +1,28 @@
+<!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" lang="en">
+ <head>
+ <title>CSS Test: Units: ex</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/004.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="units-004-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ .test { font: 20px/1 Ahem; min-width: 200px; min-height: 200px; background: red; float: left; }
+ .em { width: 10em; height: 5em; background: green; }
+ .ex { width: 12.5ex; height: 6.25ex; background: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div class="test">
+ <div class="em"></div>
+ <div class="ex"></div>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/units-005-ref.xht b/testing/web-platform/tests/css/CSS2/values/units-005-ref.xht
new file mode 100644
index 0000000000..fc78ace42b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-005-ref.xht
@@ -0,0 +1,23 @@
+<!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>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+p {
+ font-size: 12pt;
+}
+div {
+ width: 8.7em;
+ height: 8.7em;
+ background: green;
+ border: solid lime;
+}
+}
+</style>
+</head>
+<body>
+<p>You should see no red below, just a green square with a green border.</p>
+<div/>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/units-005.xht b/testing/web-platform/tests/css/CSS2/values/units-005.xht
new file mode 100644
index 0000000000..052b7e3319
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-005.xht
@@ -0,0 +1,53 @@
+<!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>
+ <title>CSS Test: Units: em (0.87em floats)</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/005.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+ <link rel="match" href="units-005-ref.xht"/>
+
+ <style type="text/css">
+ div { width: 8.7em; height: 8.7em; background: red; border: solid lime; }
+ span { float: left; width: 0.87em; height: 0.87em; background: green; }
+ input[type="text"] { text-align: right; }
+ </style>
+ </head>
+ <body>
+ <p>You should see no red below, just a green square with a green border.</p>
+ <div>
+ <!-- 100 spans -->
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ <span></span> <span></span> <span></span> <span></span> <span></span>
+ </div>
+
+<!-- Try different font sizes, zooms, and resolutions, as well as
+ slightly different sizes for the floats.</p>
+ <form action="" method="get">
+ <p>
+ Set each float to width: <input type="text" name="size" value="${size}" size="5">em.
+ <input type="submit" value="Generate Test">
+ </p>
+ </form>
+-->
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/units-006-ref.xht b/testing/web-platform/tests/css/CSS2/values/units-006-ref.xht
new file mode 100644
index 0000000000..9828b57a48
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-006-ref.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 20px;
+ margin: 4px 0;
+ width: 600px;
+ }
+ ]]>
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if the 2 blue bars have the <strong>same width</strong>.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/values/units-006.xht b/testing/web-platform/tests/css/CSS2/values/units-006.xht
new file mode 100644
index 0000000000..12713a1504
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-006.xht
@@ -0,0 +1,30 @@
+<!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" lang="en">
+ <head>
+ <title>CSS Test: Units: px and font-size</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/006.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#absolute-lengths" />
+
+ <link rel="match" href="units-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div { margin: 4px 0; }
+ .border { border-top: solid 20px blue; width: 600px; }
+ .font { font: 20px/1 Ahem; color: blue; }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if the 2 blue bars have the <strong>same width</strong>.</p>
+
+ <div class="border"></div>
+ <div class="font">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/units-008.xht b/testing/web-platform/tests/css/CSS2/values/units-008.xht
new file mode 100644
index 0000000000..3510f4dfca
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-008.xht
@@ -0,0 +1,31 @@
+<!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" lang="en">
+ <head>
+ <title>CSS Test: Units: px and inherited font-size</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/008.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#absolute-lengths" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#common-keywords" />
+ <link rel="match" href="units-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div { margin: 4px 0; }
+ .border { border-top: solid 20px blue; width: 600px; }
+ .font { font: 20px/1 Ahem; color: blue; }
+ .inner { font: inherit; }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if the 2 blue bars have the <strong>same width</strong>.</p>
+
+ <div class="border"></div>
+ <div class="font"><div class="inner">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/values/units-009.xht b/testing/web-platform/tests/css/CSS2/values/units-009.xht
new file mode 100644
index 0000000000..982fc96f44
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/values/units-009.xht
@@ -0,0 +1,31 @@
+<!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" lang="en">
+ <head>
+ <title>CSS Test: Units: px and dependent font-size</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 -->
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/009.html" type="text/html"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
+ <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" />
+
+ <link rel="match" href="units-006-ref.xht" />
+
+ <meta name="flags" content="ahem" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div { margin: 4px 0; }
+ .border { border-top: solid 20px blue; width: 600px; }
+ .font { font: 10px/1 Ahem; color: blue; }
+ .inner { font-size: 2em; }
+ </style>
+ </head>
+ <body>
+
+ <p>Test passes if the 2 blue bars have the <strong>same width</strong>.</p>
+
+ <div class="border"></div>
+ <div class="font"><div class="inner">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div></div>
+
+ </body>
+</html>