diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
| commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
| tree | f435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/css/CSS2/backgrounds | |
| parent | Initial commit. (diff) | |
| download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip | |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/backgrounds')
1057 files changed, 31502 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-001-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-001-ref.xht new file mode 100644 index 0000000000..b934082999 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-001-ref.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + </head> + + <body> + + <p>Test passes if there is a filled green rectangle across the page.</p> + + <div><img src="support/1x1-green.png" width="100%" 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/backgrounds/background-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-001.xht new file mode 100644 index 0000000000..ddc29e54a3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-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: Background with color</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background" /> + <link rel="match" href="background-001-ref.xht" /> + + <meta name="assert" content="Background with color only sets the background of the element to the color specified." /> + <style type="text/css"> + div + { + background: green; + height: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green rectangle across the page.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-002.xht new file mode 100644 index 0000000000..f92e699be0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-002.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 Test: Background with an image</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background" /> + <link rel="match" href="background-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with image only sets the background of the element to the image specified." /> + <style type="text/css"> + div + { + background: url("support/green_box.png"); + height: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green rectangle across the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-003-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-003-ref.xht new file mode 100644 index 0000000000..2ea5cc8b91 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-003-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div {height: 5in;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a green stripe across the page.</p> + + <div><img src="support/1x1-green.png" width="100%" height="15" 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/backgrounds/background-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-003.xht new file mode 100644 index 0000000000..33bc78b078 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-003.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 Test: Background with repeat</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" /> + <link rel="match" href="background-003-ref.xht" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Background shorthand with repeat only sets its background-repeat subproperty. In such case, the other background subproperties are set to their initial values: 'background-image' is set to 'none', 'background-color' is set to transparent, 'background-attachment' is set to 'scroll', 'background-position' is set to '0% 0%'." /> + <style type="text/css"> + div + { + background: repeat-x; + background-image: url("support/green15x15.png"); + height: 5in; + } + </style> + </head> + <body> + <p>Test passes if there is a green stripe across the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-004.xht new file mode 100644 index 0000000000..ba1a4f5a1b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-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: Background with attachment</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" /> + <link rel="match" href="../reference/ref-nothing-below.xht" /> + <meta name="assert" content="Background shorthand with attachment only sets its background-attachment subproperty. In such case, the other background subproperties are set to their initial values: 'background-image' is set to 'none', 'background-color' is set to transparent, 'background-repeat' is set to 'repeat', 'background-position' is set to '0% 0%." /> + <style type="text/css"> + div + { + background: fixed; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is nothing below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-005.xht new file mode 100644 index 0000000000..68fb7a5592 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-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: Background with position</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" /> + <link rel="match" href="../reference/ref-nothing-below.xht" /> + <meta name="assert" content="Background shorthand with position only sets its background-position subproperty. In such case, the other background subproperties are set to their initial values: 'background-image' is set to 'none', 'background-color' is set to transparent, 'background-repeat' is set to 'repeat', 'background-attchment' is set to 'scroll'." /> + <style type="text/css"> + div + { + background: left top; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is nothing below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-006.xht new file mode 100644 index 0000000000..8ec9f8ffb7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-006.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 Test: Background with (color image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#background-image" /> + <link rel="match" href="background-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (color image) sets the background of the element to the color specified (not shown) and places the image in its initial position." /> + <style type="text/css"> + div + { + background: red url("support/green_box.png"); + height: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green rectangle across the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-006a.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-006a.xht new file mode 100644 index 0000000000..8dccbb4e34 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-006a.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: Background-image - color visible in transparent parts of image</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties" /> + + <meta content="image" name="flags" /> + <meta content="A 'background-image' is rendered on top of 'background-color'. Therefore, the background-color (blue in this test) should be visible in the transparent parts of a background-image (orange text)." name="assert" /> + + <style type="text/css"><![CDATA[ + div + { + background: blue url("support/orange-PASS-300x150.png"); + height: 150px; + width: 300px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is the word "PASS" in orange inside a filled blue rectangle.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-007.xht new file mode 100644 index 0000000000..0d884a3d37 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-007.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: Background with (color repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" /> + <link rel="match" href="background-001-ref.xht" /> + + <meta name="assert" content="Background with (color repeat) sets the background of the element to the color specified. Repeat does nothing since there is no image." /> + <style type="text/css"> + div + { + background: green repeat-x; + height: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green rectangle across the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-008.xht new file mode 100644 index 0000000000..cd2100b821 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-008.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: Background with (color attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" /> + <link rel="match" href="background-001-ref.xht" /> + + <meta name="assert" content="Background with (color attachment) sets the background of the element to the color specified. Attachment does nothing since image is not set." /> + <style type="text/css"> + div + { + background: green fixed; + height: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green rectangle across the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-009.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-009.xht new file mode 100644 index 0000000000..68d19c8a30 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-009.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: Background with (color position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#background-position" /> + <link rel="match" href="background-001-ref.xht" /> + + <meta name="assert" content="Background with (color position) sets the background of the element to the color specified. Position does nothing since image is not set." /> + <style type="text/css"> + div + { + background: green bottom; + height: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green rectangle across the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-010.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-010.xht new file mode 100644 index 0000000000..64016707c9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-010.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 Test: Background with (image color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#layering" /> + <link rel="match" href="background-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (image color) sets the background of the element to the color specified (not shown) and tiles the image across the background." /> + <style type="text/css"> + div + { + background: url("support/green_box.png") red; + height: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green rectangle across the page.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-011.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-011.xht new file mode 100644 index 0000000000..70a54aebdb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-011.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: Background with (image repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (image repeat) sets the background to the image specified, tiling it to cover the full width, but not height." /> + <style type="text/css"> + div + { + background: url("support/cat.png") repeat-x; + border: 1px solid black; + height: 200px; + } + </style> + </head> + <body> + <p>Test passes if the box below has a cat image repeated across the screen, but not down the screen (there is not a cat on top of a cat).</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-012.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-012.xht new file mode 100644 index 0000000000..186ebc8cb0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-012.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 Test: Background with (image attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image attachment) sets the background to the image specified, tiling it to cover the full area, and the background scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below has a cat image tiled throughout, and when scrolling the box the cat images scroll.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-013.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-013.xht new file mode 100644 index 0000000000..3d8dfeef57 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-013.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: Background with (image position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-position" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (image position) sets the background to the image specified,, tiling it to cover the full area from the position specified." /> + <style type="text/css"> + div + { + background: url("support/cat.png") bottom left; + border: 1px solid black; + height: 150px; + width: 196px; + } + </style> + </head> + <body> + <p>Test passes if the box below has a cat image tiled throughout it, and the cat image is not cut off at the bottom (it can appear cut off at the top).</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-014.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-014.xht new file mode 100644 index 0000000000..ab28c00e58 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-014.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: Background with (repeat color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" /> + <link rel="match" href="background-001-ref.xht" /> + + <meta name="assert" content="Background with (repeat color) sets the background of the element to the color specified. Repeat does nothing since there is no image." /> + <style type="text/css"> + div + { + background: repeat-x green; + height: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green rectangle across the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-015.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-015.xht new file mode 100644 index 0000000000..22ff9258de --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-015.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: Background with (repeat image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (repeat image) sets the background to the image specified, tiling it to cover the full width, but not height." /> + <style type="text/css"> + div + { + background: repeat-x url("support/cat.png"); + border: 1px solid black; + height: 200px; + } + </style> + </head> + <body> + <p>Test passes if the box below has a cat image repeated across the screen, but not down the screen (there is not a cat on top of a cat).</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-016.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-016.xht new file mode 100644 index 0000000000..13a0f7307d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-016.xht @@ -0,0 +1,27 @@ +<!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: Background with (repeat attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" /> + <link rel="match" href="../reference/ref-nothing-below.xht" /> + + <meta name="assert" content="Background with (repeat attachment) does not affect the background since image is not set." /> + <style type="text/css"> + div + { + background: repeat-x fixed; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is nothing below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-017.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-017.xht new file mode 100644 index 0000000000..8a96151cfe --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-017.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 Test: Background with (repeat position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" /> + <link rel="match" href="../reference/ref-nothing-below.xht" /> + + <meta name="assert" content="Background with (repeat position) does not affect the background since image is not set." /> + <style type="text/css"> + div + { + background: repeat-x bottom; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is nothing below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-018.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-018.xht new file mode 100644 index 0000000000..50cfb9b072 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-018.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: Background with (attachment color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" /> + <link rel="match" href="background-001-ref.xht" /> + + <meta name="assert" content="Background with (attachment color) sets the background of the element to the color specified. Attachment does nothing since there is no image." /> + <style type="text/css"> + div + { + background: fixed green; + height: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green rectangle across the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-019.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-019.xht new file mode 100644 index 0000000000..1ff302873b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-019.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 Test: Background with (attachment image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment image) sets the background to the image specified, tiling it to cover the full area, and the background scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below has a cat image tiled throughout it, and scrolling the box moves the cats as well.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-020.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-020.xht new file mode 100644 index 0000000000..bad937af4d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-020.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 Test: Background with (attachment repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" /> + <link rel="match" href="../reference/ref-nothing-below.xht" /> + + <meta name="assert" content="Background with (attachment repeat) does not affect the background since image is not set." /> + <style type="text/css"> + div + { + background: fixed repeat-x; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is nothing below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-021.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-021.xht new file mode 100644 index 0000000000..61330ba3e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-021.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 Test: Background with (attachment position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" /> + <link rel="match" href="../reference/ref-nothing-below.xht" /> + + <meta name="assert" content="Background with (attachment position) does not affect the background since image is not set." /> + <style type="text/css"> + div + { + background: fixed bottom; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is nothing below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-022.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-022.xht new file mode 100644 index 0000000000..3e402c07e6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-022.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: Background with (position color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-position" /> + <link rel="match" href="background-001-ref.xht" /> + + <meta name="assert" content="Background with (position color) sets the background of the element to the color specified. Position does nothing since there is no image." /> + <style type="text/css"> + div + { + background: bottom green; + height: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green rectangle across the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-023.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-023.xht new file mode 100644 index 0000000000..05f6ae6076 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-023.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: Background with (position image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-position" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (position image) sets the background to the image specified, tiling it to cover the full area from the position specified." /> + <style type="text/css"> + div + { + background: bottom left url("support/cat.png"); + border: 1px solid black; + height: 150px; + width: 196px; + } + </style> + </head> + <body> + <p>Test passes if the box below has a cat image tiled throughout it, and the cat image is not cut off at the bottom (it can appear cut off at the top).</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-024.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-024.xht new file mode 100644 index 0000000000..ec6f4e58e7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-024.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 Test: Background with (position repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-position" /> + <link rel="match" href="../reference/ref-nothing-below.xht" /> + + <meta name="assert" content="Background with (position repeat) does not affect the background since image is not set." /> + <style type="text/css"> + div + { + background: bottom repeat-x; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is nothing below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-025.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-025.xht new file mode 100644 index 0000000000..9b153981d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-025.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 Test: Background with (position attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" /> + <link rel="match" href="../reference/ref-nothing-below.xht" /> + + <meta name="assert" content="Background with (position attachment does not affect the background since image is not set." /> + <style type="text/css"> + div + { + background: bottom fixed; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is nothing below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-026-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-026-ref.xht new file mode 100644 index 0000000000..028757ca37 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-026-ref.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 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: 15px; + } + + div + div + { + background-color: green; + height: 185px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a blue stripe above a green rectangle across the page.</p> + + <div></div> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-026.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-026.xht new file mode 100644 index 0000000000..87e5aa6604 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-026.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: Background with (color image repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-026-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (color image repeat) sets the background of the element to the color specified and places the image in its initial position repeating across the x-axis." /> + <style type="text/css"> + div + { + background: green url("support/blue15x15.png") repeat-x ; + height: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a blue stripe above a green rectangle across the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-027.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-027.xht new file mode 100644 index 0000000000..7143c8ebd6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-027.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"> + <head> + <title>CSS Test: Background with (color image attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color image attachment) sets the background to the image specified, repeated due to initial repeat value, and the image does not 'scroll' within the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: red url("support/cat.png") fixed; + height: 300px; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if scrolling on the box below does not cause the cat image to move.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-028.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-028.xht new file mode 100644 index 0000000000..54c1e1d44d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-028.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 Test: Background with (color image position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (color image position) sets the background of the element to the image specified. Since the initial value for background-repeat is repeat the position designates where the image tiles from and color is completely overlapped by the placements of the image." /> + <style type="text/css"> + div + { + background: green url("support/cat.png") right top; + height: 198px; + } + </style> + </head> + <body> + <p>Test passes if there is a box filled with cat images and the one in the right top corner is not cut off.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-029.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-029.xht new file mode 100644 index 0000000000..408df4c759 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-029.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: Background with (color repeat image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-026-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (color repeat image) sets the background of the element to the color specified and places the image in its initial position repeating across the x-axis." /> + <style type="text/css"> + div + { + background: green repeat-x url("support/blue15x15.png"); + height: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a blue stripe above a green rectangle across the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-030-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-030-ref.xht new file mode 100644 index 0000000000..66095d53c6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-030-ref.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + </head> + + <body> + + <p>Test passes if there is a <strong>filled green square</strong>.</p> + + <div><img src="support/1x1-green.png" width="200" 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/backgrounds/background-030.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-030.xht new file mode 100644 index 0000000000..380fb919fd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-030.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: Background with (color repeat attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (color repeat attachment) sets the background of the element to the color specified. Repeat and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: green repeat-x fixed; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-031.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-031.xht new file mode 100644 index 0000000000..541149c35f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-031.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: Background with (color repeat position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + <meta name="assert" content="Background with (color repeat position) sets the background of the element to the color specified. Repeat and position do not apply since image was not set." /> + <style type="text/css"> + div + { + background: green repeat-x bottom center; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-032.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-032.xht new file mode 100644 index 0000000000..a0929b70ff --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-032.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"> + <head> + <title>CSS Test: Background with (color attachment image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color attachment image) sets the background to the image specified, repeated, and the image does not 'scroll' within the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: green fixed url("support/cat.png"); + height: 300px; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if scrolling on the box below does not cause the cat image to move.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-033.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-033.xht new file mode 100644 index 0000000000..ebe32910f2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-033.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: Background with (color attachment repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + <meta name="assert" content="Background with (color attachment repeat) sets the background of the element to the color specified. Repeat and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: green scroll repeat-x; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-034.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-034.xht new file mode 100644 index 0000000000..05ed94d671 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-034.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: Background with (color attachment position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (color attachment position) sets the background of the element to the color specified. Position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: green fixed bottom; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-035.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-035.xht new file mode 100644 index 0000000000..2d59bd5ec7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-035.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 Test: Background with (color position image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (color position image) sets the background of the element to the image specified. The background image will be positioned from the right and center of the document and repeat over the entire green background hiding the green background." /> + <style type="text/css"> + div + { + background: green right url("support/cat.png"); + height: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a line of cat images, and the image on the right is not cut off.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-036.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-036.xht new file mode 100644 index 0000000000..d6fb40693f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-036.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: Background with (color position repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + <meta name="assert" content="Background with (color position repeat) sets the background of the element to the color specified. Repeat and position only apply if image is set." /> + <style type="text/css"> + div + { + background: green bottom center repeat-x; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-037.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-037.xht new file mode 100644 index 0000000000..3c4f2e97c3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-037.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: Background with (color position attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + <meta name="assert" content="Background with (color position attachment) sets the background of the element to the color specified. Position and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: green bottom center fixed; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-038.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-038.xht new file mode 100644 index 0000000000..41ad1571ba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-038.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: Background with (image color repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-026-ref.xht" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (image color repeat) sets the background of the element to the color specified and places the image in its initial position repeating across the x-axis." /> + <style type="text/css"> + div + { + background: url("support/blue15x15.png") green repeat-x; + height: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a blue stripe above a green rectangle across the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-039.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-039.xht new file mode 100644 index 0000000000..ffc84e670e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-039.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"> + <head> + <title>CSS Test: Background with (image color attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image color attachment) sets the background to the image specified, repeated, and the image does not 'scroll' within the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: url("support/cat.png") green fixed; + height: 300px; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if scrolling on the box below does not cause the cat image to move.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-040.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-040.xht new file mode 100644 index 0000000000..03b70a263f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-040.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 Test: Background with (image color position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (image color position) sets the background of the element to the image specified. The background image will be positioned from the right and center of the document and repeat over the entire green background hiding the green background." /> + <style type="text/css"> + div + { + background: url("support/cat.png") green right; + height: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a line of cat images, and the image on the right is not cut off.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-041.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-041.xht new file mode 100644 index 0000000000..d99e5f73a4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-041.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: Background with (image repeat color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-026-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (image repeat color) sets the background of the element to the color specified and places the image in its initial position repeating across the x-axis." /> + <style type="text/css"> + div + { + background: url("support/blue15x15.png") repeat-x green; + height: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a blue stripe above a green rectangle across the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-042.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-042.xht new file mode 100644 index 0000000000..97dc794cd0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-042.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"> + <head> + <title>CSS Test: Background with (image repeat attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image repeat attachment) sets the background to the image specified, the image is repeated across the top, and scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") repeat-x scroll; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a box below with cat images across the top. Also, the cat images move when the box is scrolled.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-043-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-043-ref.xht new file mode 100644 index 0000000000..86cbebe62e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-043-ref.xht @@ -0,0 +1,40 @@ +<!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[ + table + { + border-spacing: 0px; + height: 206px; + } + + td + { + border: black solid 3px; + padding: 0px; + vertical-align: bottom; + width: 200px; + } + + img {vertical-align: bottom;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a blue stripe inside the hollow black square, positioned at the bottom of the black square.</p> + + <table> + <tr><td><img src="support/blue15x15.png" width="100%" height="15" alt="Image download support must be enabled" /></td></tr> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-043.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-043.xht new file mode 100644 index 0000000000..9025a58b51 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-043.xht @@ -0,0 +1,27 @@ +<!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: Background with (image repeat position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-043-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (repeat color position) sets the background to the image specified, repeated across the x-axis, and the image is positioned at the bottom." /> + <style type="text/css"> + div + { + background: url("support/blue15x15.png") repeat-x bottom; + border: 3px solid black; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a blue stripe inside the hollow black square, positioned at the bottom of the black square.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-044.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-044.xht new file mode 100644 index 0000000000..3018f9d28d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-044.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"> + <head> + <title>CSS Test: Background with (image attachment color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image attachment color) sets the background to the image specified, repeated, and the image does not 'scroll' within the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") fixed green; + height: 300px; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if scrolling on the box below does not cause the cat image to move.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-045.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-045.xht new file mode 100644 index 0000000000..76195dca43 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-045.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"> + <head> + <title>CSS Test: Background with (image attachment repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image attachment repeat) sets the background to the image specified, the image is repeated across the top, and scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") scroll repeat-x; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a box below with cat images across the top. Also, the cat images move when the box is scrolled.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-046.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-046.xht new file mode 100644 index 0000000000..163a191f1d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-046.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"> + <head> + <title>CSS Test: Background with (image attachment position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image attachment position) sets the background to the image specified, the image is positioned at the bottom, and scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: url("support/cat.png") scroll bottom left; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images, and when the box is scrolled down, the cat images move. Also, the cat in the left bottom corner is not cut off.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-047.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-047.xht new file mode 100644 index 0000000000..eda3e5f00c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-047.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 Test: Background with (image position color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (image position color) sets the background of the element to the image specified. Since the initial value for background-repeat is repeat the position and color declarations will have no effect." /> + <style type="text/css"> + div + { + background: url("support/cat.png") right green; + height: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a line of cat images, and the image on the right is not cut off.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-048.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-048.xht new file mode 100644 index 0000000000..ffeb3b39d8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-048.xht @@ -0,0 +1,27 @@ +<!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: Background with (image position repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-043-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (image position repeat) sets the background to the image specified, repeated across the x-axis, and the image is positioned at the bottom." /> + <style type="text/css"> + div + { + background: url("support/blue15x15.png") bottom repeat-x; + border: 3px solid black; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a blue stripe inside the hollow black square, positioned at the bottom of the black square.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-049.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-049.xht new file mode 100644 index 0000000000..9c27ac0e9a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-049.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"> + <head> + <title>CSS Test: Background with (image position attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image position attachment) sets the background to the image specified, the image is positioned at the bottom, and scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") bottom left scroll; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images, and when the box is scrolled down, the cat images move. Also, the cat in the left bottom corner is not cut off.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-050.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-050.xht new file mode 100644 index 0000000000..437f0e7812 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-050.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: Background with (repeat color image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-026-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (repeat color image) sets the background of the element to the color specified and places the image in its initial position repeating across the x-axis." /> + <style type="text/css"> + div + { + background: repeat-x green url("support/blue15x15.png"); + height: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a blue stripe above a green rectangle across the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-051.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-051.xht new file mode 100644 index 0000000000..1b5458fb72 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-051.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: Background with (repeat color attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (repeat color attachment) sets the background to the color specified. Repeat and attachment are ignored since image is not set." /> + <style type="text/css"> + div + { + background: repeat-x green scroll; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-052.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-052.xht new file mode 100644 index 0000000000..1a62d8845a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-052.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: Background with (repeat color position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (repeat color position) sets the background to the color specified. Repeat and position are ignored since image is not set." /> + <style type="text/css"> + div + { + background: repeat-x green bottom; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-053.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-053.xht new file mode 100644 index 0000000000..1e4850efaa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-053.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: Background with (repeat image color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-026-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (repeat image color) sets the background of the element to the color specified and places the image in its initial position repeating across the x-axis." /> + <style type="text/css"> + div + { + background: repeat-x url("support/blue15x15.png") green; + height: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a blue stripe above a green rectangle across the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-054.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-054.xht new file mode 100644 index 0000000000..4cd1a317f5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-054.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"> + <head> + <title>CSS Test: Background with (repeat image attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat image attachment) sets the background to the image specified, the image is repeated across the top, and scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x url("support/cat.png") scroll; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a box below with cat images across the top. Also, the cat images move when the box is scrolled.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-055.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-055.xht new file mode 100644 index 0000000000..5d72bd3be0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-055.xht @@ -0,0 +1,27 @@ +<!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: Background with (repeat image position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-043-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (repeat image position) sets the background to the image specified, repeated across the x-axis, and the image is positioned at the bottom." /> + <style type="text/css"> + div + { + background: repeat-x url("support/blue15x15.png") bottom; + border: 3px solid black; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a blue stripe inside the hollow black square, positioned at the bottom of the black square.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-056.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-056.xht new file mode 100644 index 0000000000..0f7f6bb09a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-056.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: Background with (repeat attachment color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (repeat attachment color) sets the background to the color specified. Repeat and attachment are ignored since image is not set." /> + <style type="text/css"> + div + { + background: repeat-x scroll green; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-057.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-057.xht new file mode 100644 index 0000000000..f35720d9f3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-057.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"> + <head> + <title>CSS Test: Background with (repeat attachment image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat attachment image) sets the background to the image specified, the image is repeated across the top, and scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x scroll url("support/cat.png"); + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a box below with cat images across the top. Also, the cat images move when the box is scrolled.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-058.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-058.xht new file mode 100644 index 0000000000..025ff188b0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-058.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: Background with (repeat attachment position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-nothing-below.xht" /> + + <meta name="assert" content="Background with (repeat attachment position) does not set anything on the background. Repeat, position and attachment are ignored since image is not set." /> + <style type="text/css"> + div + { + background: repeat-x scroll bottom; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is nothing below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-059.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-059.xht new file mode 100644 index 0000000000..1b6d04b86e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-059.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: Background with (repeat position color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (repeat position color) sets the background to the color specified. Repeat and position are ignored since image is not set." /> + <style type="text/css"> + div + { + background: repeat-x bottom green; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-060.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-060.xht new file mode 100644 index 0000000000..344444ac03 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-060.xht @@ -0,0 +1,27 @@ +<!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: Background with (repeat position image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-19 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-043-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (repeat position image) sets the background to the image specified, repeated across the x-axis, and the image is positioned at the bottom." /> + <style type="text/css"> + div + { + background: repeat-x bottom url("support/blue15x15.png"); + border: 3px solid black; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a blue stripe inside the hollow black square, positioned at the bottom of the black square.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-061.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-061.xht new file mode 100644 index 0000000000..9b01ac588f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-061.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: Background with (repeat position attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-nothing-below.xht" /> + + <meta name="assert" content="Background with (repeat position attachment) does not set anything on the background. Background repeat, position and attachment subproperties have no rendering effect in this test since background-image is not set." /> + <style type="text/css"> + div + { + background: repeat-x bottom scroll; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is nothing below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-062.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-062.xht new file mode 100644 index 0000000000..431b9093cd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-062.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"> + <head> + <title>CSS Test: Background with (attachment color image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment color image) sets the background to the image specified, repeated, and the image does not 'scroll' within the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: fixed green url("support/cat.png"); + height: 300px; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if scrolling on the box below does not cause the cat image to move.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-063.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-063.xht new file mode 100644 index 0000000000..6d7a24496a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-063.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: Background with (attachment color repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + <meta name="assert" content="Background with (attachment color repeat sets the background to the color specified. Background repeat and attachment subproperties have no rendering effect in this test since background-image is not set." /> + <style type="text/css"> + div + { + background: scroll green repeat-x; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-064.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-064.xht new file mode 100644 index 0000000000..999d1f065d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-064.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: Background with (attachment color position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (attachment color position) sets the background to the color specified. Position and attachment are ignored since image is not set." /> + <style type="text/css"> + div + { + background: scroll green bottom; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-065.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-065.xht new file mode 100644 index 0000000000..885227f952 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-065.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"> + <head> + <title>CSS Test: Background with (attachment image color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment image color) sets the background to the image specified, repeated, and the image does not 'scroll' within the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: fixed url("support/cat.png") green; + height: 300px; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if scrolling on the box below does not cause the cat image to move.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-066.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-066.xht new file mode 100644 index 0000000000..665a5b8b3c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-066.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"> + <head> + <title>CSS Test: Background with (attachment image repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment image repeat) sets the background to the image specified, the image is repeated across the top, and scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll url("support/cat.png") repeat-x; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a box below with cat images across the top. Also, the cat images move when the box is scrolled.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-067.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-067.xht new file mode 100644 index 0000000000..6c3fab9fc9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-067.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"> + <head> + <title>CSS Test: Background with (attachment image position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment image position) sets the background to the image specified, the image is positioned at the bottom, and scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll url("support/cat.png") bottom left; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images, and when the box is scrolled down, the cat images move. Also, the cat in the left bottom corner is not cut off.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-068.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-068.xht new file mode 100644 index 0000000000..62b97afa07 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-068.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: Background with (attachment repeat color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + <meta name="assert" content="Background with (attachment repeat color) sets the background to the color specified. Background repeat and attachment subproperties have no rendering effect in this test since background-image is not set." /> + <style type="text/css"> + div + { + background: scroll repeat-x green; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-069.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-069.xht new file mode 100644 index 0000000000..680bc2bb5d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-069.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"> + <head> + <title>CSS Test: Background with (attachment repeat image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment repeat image) sets the background to the image specified, the image is repeated across the top, and scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll repeat-x url("support/cat.png"); + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a box below with cat images across the top. Also, the cat images move when the box is scrolled.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-070.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-070.xht new file mode 100644 index 0000000000..5abd3a10a2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-070.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: Background with (attachment repeat position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-nothing-below.xht" /> + <meta name="assert" content="Background with (attachment repeat position) does not set anything on the background. Background repeat, position and attachment subproperties have no rendering effect in this test since background-image is not set." /> + <style type="text/css"> + div + { + background: scroll repeat-x bottom; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is nothing below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-071.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-071.xht new file mode 100644 index 0000000000..ecd268741b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-071.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: Background with (attachment position color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (attachment position color) sets the background to the color specified. Background position and attachment subproperties have no rendering effect in this test since background-image is not set." /> + <style type="text/css"> + div + { + background: scroll bottom green; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-072.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-072.xht new file mode 100644 index 0000000000..ecdc6f96bd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-072.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 Test: Background with (attachment position image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment position image) sets the background to the image specified, the image is positioned at the bottom, and scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll bottom left url("support/cat.png"); + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images, and when the box is scrolled down, the cat images move. Also, the cat in the left bottom corner is not cut off.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-073.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-073.xht new file mode 100644 index 0000000000..d0905c0244 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-073.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: Background with (attachment position repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-nothing-below.xht" /> + + <meta name="assert" content="Background with (attachment position repeat) does not set anything on the background. Background attachment, position and repeat subproperties have no rendering effect in this test since background-image is not set." /> + <style type="text/css"> + div + { + background: scroll bottom repeat-x; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is nothing below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-074.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-074.xht new file mode 100644 index 0000000000..238982cd8a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-074.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 Test: Background with (position color image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (position color image) sets the background of the element to the image specified. The background image will be positioned from the right and center of the document and repeat over the entire green background hiding the green background." /> + <style type="text/css"> + div + { + background: right green url("support/cat.png"); + height: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a line of cat images, and the image on the right is not cut off.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-075.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-075.xht new file mode 100644 index 0000000000..bc5b253adf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-075.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: Background with (position color repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + <meta name="assert" content="Background with (position color repeat) sets the background to the color specified. Background repeat and position subproperties have no rendering effect in this test since background-image is not set." /> + <style type="text/css"> + div + { + background: bottom green repeat-x; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-076.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-076.xht new file mode 100644 index 0000000000..d83a0435d3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-076.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: Background with (position color attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (position color attachment) sets the background to the color specified. Background position and attachment subproperties have no rendering effect in this test since background-image is not set." /> + <style type="text/css"> + div + { + background: bottom green scroll; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-077.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-077.xht new file mode 100644 index 0000000000..de342670cf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-077.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 Test: Background with (position image color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (position image color) sets the background of the element to the image specified. The background image will be positioned from the right and center of the document and repeat over the entire green background hiding the green background." /> + <style type="text/css"> + div + { + background: right url("support/cat.png") green; + height: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a line of cat images, and the image on the right is not cut off.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-078.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-078.xht new file mode 100644 index 0000000000..39968ae270 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-078.xht @@ -0,0 +1,27 @@ +<!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: Background with (position image repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-043-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (position image repeat) sets the background to the image specified, repeated across the x-axis, and the image is positioned at the bottom." /> + <style type="text/css"> + div + { + background: bottom url("support/blue15x15.png") repeat-x; + border: 3px solid black; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a blue stripe inside the hollow black square, positioned at the bottom of the black square.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-079.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-079.xht new file mode 100644 index 0000000000..194fca47fc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-079.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 Test: Background with (position image attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with position image attachment) sets the background to the image specified, the image is positioned at the bottom, and scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: bottom left url("support/cat.png") scroll; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images, and when the box is scrolled down, the cat images move. Also, the cat in the left bottom corner is not cut off.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-080.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-080.xht new file mode 100644 index 0000000000..3a13361795 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-080.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: Background with (position repeat color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + <meta name="assert" content="Background with (position repeat color) sets the background to the color specified. Background repeat and position subproperties have no rendering effect in this test since background-image is not set." /> + <style type="text/css"> + div + { + background: bottom repeat-x green; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-081.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-081.xht new file mode 100644 index 0000000000..6452392619 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-081.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 Test: Background with (position repeat image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-043-ref.xht" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (position repeat image) sets the background to the image specified, repeated across the x-axis, and the image is positioned at the bottom." /> + <style type="text/css"> + div + { + background: bottom repeat-x url("support/blue15x15.png"); + height: 200px; + width: 200px; + border: 3px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is a blue stripe inside the hollow black square, positioned at the bottom of the black square.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-082.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-082.xht new file mode 100644 index 0000000000..a7eb4e35be --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-082.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: Background with (position repeat attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-nothing-below.xht" /> + <meta name="assert" content="Background with (position repeat attachment) does not set anything on the background. Background repeat, position and attachment subproperties have no rendering effect in this test since background-image is not set." /> + <style type="text/css"> + div + { + background: bottom repeat-x scroll; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is nothing below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-083.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-083.xht new file mode 100644 index 0000000000..ce572b0c77 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-083.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: Background with (position attachment color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + <meta name="assert" content="Background with (position attachment color) sets the background to the color specified. Background position and attachment subproperties have no rendering effect in this test since background-image is not set." /> + <style type="text/css"> + div + { + background: bottom scroll green; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-084.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-084.xht new file mode 100644 index 0000000000..58d9eb5135 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-084.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 Test: Background with (position attachment image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position attachment image) sets the background to the image specified, the image is positioned at the bottom, and scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: bottom left scroll url("support/cat.png"); + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images, and when the box is scrolled down, the cat images move. Also, the cat in the left bottom corner is not cut off.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-085.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-085.xht new file mode 100644 index 0000000000..57a0bc6bb0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-085.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: Background with (position attachment repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-18 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-nothing-below.xht" /> + <meta name="assert" content="Background with (position attachment repeat) does not set anything on the background. Background repeat, position and attachment subproperties have no rendering effect in this test since background-image is not set." /> + <style type="text/css"> + div + { + background: bottom scroll repeat-x; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is nothing below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-086.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-086.xht new file mode 100644 index 0000000000..10831f886f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-086.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 Test: Background with (color image repeat attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color image repeat attachment) sets the background to the color specified, tiling the image across the x-axis and also scrolls with the content." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: green url("support/cat.png") repeat-x scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-087-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-087-ref.xht new file mode 100644 index 0000000000..8fc44ffe7d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-087-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 {width: 100px;} + + img {vertical-align: top;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is an orange rectangle above a blue stripe.</p> + + <div><img src="support/swatch-orange.png" width="100%" height="85" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-blue.png" width="100%" height="15" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-087.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-087.xht new file mode 100644 index 0000000000..2d3fe80dcf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-087.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 Test: Background with (color image repeat position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-087-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (color image repeat position) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." /> + <style type="text/css"> + div + { + background: orange url("support/blue15x15.png") repeat-x bottom; + height: 100px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is an orange rectangle above a blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-088.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-088.xht new file mode 100644 index 0000000000..6bf8439e70 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-088.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 Test: Background with (color image attachment repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color image attachment repeat) sets the background to the color specified, tiling the image across the x-axis and the scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: green url("support/cat.png") scroll repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-089.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-089.xht new file mode 100644 index 0000000000..ba704e34b8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-089.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 Test: Background with (color image attachment position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color image attachment position) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: green url("support/cat.png") scroll bottom center; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-090-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-090-ref.xht new file mode 100644 index 0000000000..6ee328ce3e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-090-ref.xht @@ -0,0 +1,40 @@ +<!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[ + table + { + border-spacing: 0px; + height: 200px; + } + + td + { + background-color: green; + padding: 0px; + vertical-align: bottom; + width: 200px; + } + + img {vertical-align: bottom;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a green rectangle on top of a blue stripe.</p> + + <table> + <tr><td><img src="support/blue15x15.png" width="100%" height="15" alt="Image download support must be enabled" /></td></tr> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-090.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-090.xht new file mode 100644 index 0000000000..2981295fda --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-090.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 Test: Background with (color image position repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-090-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (color image position repeat) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." /> + <style type="text/css"> + div + { + background: green url("support/blue15x15.png") bottom repeat-x; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a green rectangle on top of a blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-091.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-091.xht new file mode 100644 index 0000000000..ca867f6ad8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-091.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 Test: Background with (color image position attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color image position attachment) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: green url("support/cat.png") bottom center scroll; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-092.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-092.xht new file mode 100644 index 0000000000..aaa247de0e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-092.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 Test: Background with (color repeat image attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color repeat image attachment) sets the background to the color specified, tiling the image across the x-axis and the scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: green repeat-x url("support/cat.png") scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-093.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-093.xht new file mode 100644 index 0000000000..d19bd5f536 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-093.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 Test: Background with (color repeat image position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-090-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (color repeat image position) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." /> + <style type="text/css"> + div + { + background: green repeat-x url("support/blue15x15.png") bottom; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a green rectangle on top of a blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-094.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-094.xht new file mode 100644 index 0000000000..cc42ac0994 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-094.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 Test: Background with (color repeat attachment image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color repeat attachment image) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: green repeat-x scroll url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-095.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-095.xht new file mode 100644 index 0000000000..966e2c0f11 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-095.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: Background with (color repeat attachment position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (color repeat attachment position) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: green repeat-x fixed bottom center; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-096.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-096.xht new file mode 100644 index 0000000000..f6cde66189 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-096.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 Test: Background with (color repeat position image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-090-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (color repeat position image) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." /> + <style type="text/css"> + div + { + background: green repeat-x bottom url("support/blue15x15.png"); + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a green rectangle on top of a blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-097.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-097.xht new file mode 100644 index 0000000000..d7bac93854 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-097.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: Background with (color repeat position attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (color repeat position attachment) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: green repeat-x bottom center fixed; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-098.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-098.xht new file mode 100644 index 0000000000..a9b6f5dba1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-098.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 Test: Background with (color attachment image repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color attachment image repeat) sets the background to the color specified, tiling the image across the x-axis and the scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: green scroll url("support/cat.png") repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-099.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-099.xht new file mode 100644 index 0000000000..a8e0aacff2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-099.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 Test: Background with (color attachment image position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color attachment image position) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: green scroll url("support/cat.png") bottom center; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-100.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-100.xht new file mode 100644 index 0000000000..654ef67cae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-100.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 Test: Background with (color attachment repeat image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color attachment repeat image) sets the background to the color specified, tiling the image across the x-axis and the scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: green scroll repeat-x url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-101.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-101.xht new file mode 100644 index 0000000000..0451ca199e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-101.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: Background with (color attachment repeat position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (color attachment repeat position) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: green fixed repeat-x bottom; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-102.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-102.xht new file mode 100644 index 0000000000..da051c6bf0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-102.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 Test: Background with (color attachment position image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color attachment position image) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: green scroll bottom url("support/cat.png"); + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-103.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-103.xht new file mode 100644 index 0000000000..15cfbf3baf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-103.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: Background with (color attachment position repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (color attachment position repeat) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: green fixed bottom center repeat-x; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-104.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-104.xht new file mode 100644 index 0000000000..a39970c34d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-104.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 Test: Background with (color position image repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-090-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (color position image repeat) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." /> + <style type="text/css"> + div + { + background: green bottom url("support/blue15x15.png") repeat-x; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a green rectangle on top of a blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-105.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-105.xht new file mode 100644 index 0000000000..707f8299b9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-105.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 Test: Background with (color position image attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color position image attachment) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: green bottom center url("support/cat.png") scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-106.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-106.xht new file mode 100644 index 0000000000..53c1a885b2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-106.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 Test: Background with (color position repeat image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-090-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (color position repeat image) sets the background to the color specified, with the image overlaid across the x-axis at the bottom. The center assignment from background-position does not matter since the image is tiled across the x-axis." /> + <style type="text/css"> + div + { + background: green bottom repeat-x url("support/blue15x15.png"); + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a green rectangle on top of a blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-107.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-107.xht new file mode 100644 index 0000000000..8b617542a4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-107.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: Background with (color position repeat attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (color position repeat attachment) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: green bottom center repeat-x fixed; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-108.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-108.xht new file mode 100644 index 0000000000..fa5ac115ea --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-108.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 Test: Background with (color position attachment image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color position attachment image) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: green bottom center scroll url("support/cat.png"); + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-109.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-109.xht new file mode 100644 index 0000000000..6f3886878c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-109.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: Background with (color position attachment repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (color position attachment repeat) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: green bottom center fixed repeat-x; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-110.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-110.xht new file mode 100644 index 0000000000..4d5ed16745 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-110.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 Test: Background with (image color repeat attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image color repeat attachment) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") green repeat-x scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-111.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-111.xht new file mode 100644 index 0000000000..f1211e72a3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-111.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 Test: Background with (image color repeat position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-090-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (image color repeat position) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." /> + <style type="text/css"> + div + { + background: url("support/blue15x15.png") green repeat-x bottom; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a green rectangle on top of a blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-112.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-112.xht new file mode 100644 index 0000000000..69cf1a29b5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-112.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 Test: Background with (image color attachment repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image color attachment repeat) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") green scroll repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-113.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-113.xht new file mode 100644 index 0000000000..6051700824 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-113.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 Test: Background with (image color attachment position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image color attachment position) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") green scroll bottom; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-114.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-114.xht new file mode 100644 index 0000000000..5823c42e38 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-114.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 Test: Background with (image color position repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-090-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (image color position repeat) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." /> + <style type="text/css"> + div + { + background: url("support/blue15x15.png") green bottom repeat-x; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a green rectangle on top of a blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-115.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-115.xht new file mode 100644 index 0000000000..fe7d0ebc09 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-115.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 Test: Background with (image color position attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image color position attachment) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") green bottom scroll; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-116.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-116.xht new file mode 100644 index 0000000000..7122ec03b4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-116.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 Test: Background with (image repeat color attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image repeat color attachment) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") repeat-x green scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-117.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-117.xht new file mode 100644 index 0000000000..5da10cec0a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-117.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 Test: Background with (image repeat color position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-090-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (image repeat color position) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." /> + <style type="text/css"> + div + { + background: url("support/blue15x15.png") repeat-x green bottom; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a green rectangle on top of a blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-118.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-118.xht new file mode 100644 index 0000000000..3fd5af1f7e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-118.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 Test: Background with (image repeat attachment color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image repeat attachment color) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: url("support/cat.png") repeat-x scroll green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-119.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-119.xht new file mode 100644 index 0000000000..a132d48ed8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-119.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 Test: Background with (image repeat attachment position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image repeat attachment position) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: url("support/cat.png") repeat-x scroll bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-120.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-120.xht new file mode 100644 index 0000000000..9a6f3a00ca --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-120.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 Test: Background with (image repeat position color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-090-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (image repeat position color) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." /> + <style type="text/css"> + div + { + background: url("support/blue15x15.png") repeat-x bottom green; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a green rectangle on top of a blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-121.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-121.xht new file mode 100644 index 0000000000..c462a8800d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-121.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 Test: Background with (image repeat position attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image repeat position attachment) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: url("support/cat.png") repeat-x bottom scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-122.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-122.xht new file mode 100644 index 0000000000..0c43cf81d1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-122.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 Test: Background with (image attachment color repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image attachment color repeat) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: url("support/cat.png") scroll green repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-123.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-123.xht new file mode 100644 index 0000000000..8240fb2794 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-123.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 Test: Background with (image attachment color position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image attachment color position) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: url("support/cat.png") scroll green bottom; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-124.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-124.xht new file mode 100644 index 0000000000..4845bfaf2c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-124.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 Test: Background with (image attachment repeat color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image attachment repeat color) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: url("support/cat.png") scroll repeat-x green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-125.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-125.xht new file mode 100644 index 0000000000..47f1b1b6e7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-125.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 Test: Background with (image attachment repeat position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image attachment repeat position) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: url("support/cat.png") scroll repeat-x bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-126.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-126.xht new file mode 100644 index 0000000000..6f56c77e7a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-126.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 Test: Background with (image attachment position color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image attachment position color) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: url("support/cat.png") scroll bottom green; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-127.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-127.xht new file mode 100644 index 0000000000..608bcdf4dc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-127.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 Test: Background with (image attachment position repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image attachment position repeat) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: url("support/cat.png") scroll bottom repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-128.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-128.xht new file mode 100644 index 0000000000..466deddebc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-128.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 Test: Background with (image position color repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-090-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (image position color repeat) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." /> + <style type="text/css"> + div + { + background: url("support/blue15x15.png") bottom green repeat-x; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a green rectangle on top of a blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-129.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-129.xht new file mode 100644 index 0000000000..15d82a7eaa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-129.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 Test: Background with (image position color attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image position color attachment) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: url("support/cat.png") bottom green scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-130-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-130-ref.xht new file mode 100644 index 0000000000..31b4c6d248 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-130-ref.xht @@ -0,0 +1,40 @@ +<!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[ + table + { + border-spacing: 0px; + height: 100px; + } + + td + { + background-color: green; + padding: 0px; + vertical-align: bottom; + width: 100px; + } + + img {vertical-align: bottom;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green rectangle above a short blue stripe.</p> + + <table> + <tr><td><img src="support/blue15x15.png" width="100%" height="15" alt="Image download support must be enabled" /></td></tr> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-130.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-130.xht new file mode 100644 index 0000000000..7777bba217 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-130.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 Test: Background with (image position repeat color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-24 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-130-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (image position repeat color) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." /> + <style type="text/css"><![CDATA[ + div + { + background: url("support/blue15x15.png") bottom repeat-x green; + height: 100px; + width: 100px; + } + ]]></style> + </head> + <body> + <p>Test passes if there is a filled green rectangle above a short blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-131.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-131.xht new file mode 100644 index 0000000000..045fe0101c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-131.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"> + <head> + <title>CSS Test: Background with (image position repeat attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image position repeat attachment) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: url("support/cat.png") bottom repeat-x scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-132.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-132.xht new file mode 100644 index 0000000000..682aa9f6fd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-132.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"> + <head> + <title>CSS Test: Background with (image position attachment color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image position attachment color) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: url("support/cat.png") bottom scroll green; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-133.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-133.xht new file mode 100644 index 0000000000..f062b725a4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-133.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"> + <head> + <title>CSS Test: Background with (image position attachment repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image position attachment repeat) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: url("support/cat.png") bottom scroll repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-134.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-134.xht new file mode 100644 index 0000000000..9c61b01414 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-134.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"> + <head> + <title>CSS Test: Background with (repeat color image attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat color image attachment) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: repeat-x green url("support/cat.png") scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-135.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-135.xht new file mode 100644 index 0000000000..497834c006 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-135.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 Test: Background with (repeat color image position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-090-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (repeat color image position) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." /> + <style type="text/css"> + div + { + background: repeat-x green url("support/blue15x15.png") bottom; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a green rectangle on top of a blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-136.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-136.xht new file mode 100644 index 0000000000..1f7cff2dbb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-136.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"> + <head> + <title>CSS Test: Background with (repeat color attachment image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat color attachment image) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: repeat-x green scroll url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-137.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-137.xht new file mode 100644 index 0000000000..0a79e3656f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-137.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: Background with (repeat color attachment position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (repeat color attachment position) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: repeat-x green scroll bottom; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-138.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-138.xht new file mode 100644 index 0000000000..ff596f292b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-138.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 Test: Background with (repeat color position image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-090-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (repeat color position image) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." /> + <style type="text/css"> + div + { + background: repeat-x green bottom url("support/blue15x15.png"); + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a green rectangle on top of a blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-139.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-139.xht new file mode 100644 index 0000000000..f393e240f7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-139.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: Background with (repeat color position attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (repeat color position attachment) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: repeat-x green bottom scroll; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-140.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-140.xht new file mode 100644 index 0000000000..0e3d52dee6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-140.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"> + <head> + <title>CSS Test: Background with (repeat image color attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat image color attachment) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: repeat-x url("support/cat.png") green scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-141.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-141.xht new file mode 100644 index 0000000000..6442a162bf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-141.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 Test: Background with (repeat image color position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-090-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (repeat image color position) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." /> + <style type="text/css"> + div + { + background: repeat-x url("support/blue15x15.png") green bottom; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a green rectangle on top of a blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-142.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-142.xht new file mode 100644 index 0000000000..93722dafab --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-142.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"> + <head> + <title>CSS Test: Background with (repeat image attachment color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat image attachment color) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: repeat-x url("support/cat.png") scroll green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-143.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-143.xht new file mode 100644 index 0000000000..27e413244b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-143.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"> + <head> + <title>CSS Test: Background with (repeat image attachment position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat image attachment position) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: repeat-x url("support/cat.png") scroll bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-144.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-144.xht new file mode 100644 index 0000000000..12ca963876 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-144.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 Test: Background with (repeat image position color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-090-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (repeat image position color) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." /> + <style type="text/css"> + div + { + background: repeat-x url("support/blue15x15.png") bottom green; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a green rectangle on top of a blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-145.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-145.xht new file mode 100644 index 0000000000..8b1c1e7b9f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-145.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"> + <head> + <title>CSS Test: Background with (repeat image position attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat image position attachment) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: repeat-x url("support/cat.png") bottom scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-146.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-146.xht new file mode 100644 index 0000000000..8f433669e7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-146.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"> + <head> + <title>CSS Test: Background with (repeat attachment color image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat attachment color image) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: repeat-x scroll green url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-147.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-147.xht new file mode 100644 index 0000000000..a78863aa3c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-147.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: Background with (repeat attachment color position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (repeat attachment color position) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: repeat-x scroll green bottom; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-148.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-148.xht new file mode 100644 index 0000000000..e89d67580b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-148.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"> + <head> + <title>CSS Test: Background with (repeat attachment image color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat attachment image color) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: repeat-x scroll url("support/cat.png") green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-149.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-149.xht new file mode 100644 index 0000000000..a6305911de --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-149.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"> + <head> + <title>CSS Test: Background with (repeat attachment image position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat attachment image position) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: repeat-x scroll url("support/cat.png") bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-150.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-150.xht new file mode 100644 index 0000000000..f260cf9a33 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-150.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: Background with (repeat attachment position color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (repeat attachment position color) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: repeat-x scroll bottom green; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-151.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-151.xht new file mode 100644 index 0000000000..e4acdd4f98 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-151.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"> + <head> + <title>CSS Test: Background with (repeat attachment position image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with repeat attachment position image) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: repeat-x scroll bottom url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-152.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-152.xht new file mode 100644 index 0000000000..260c9d2ab4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-152.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 Test: Background with (repeat position color image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-090-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (repeat position color image) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." /> + <style type="text/css"> + div + { + background: repeat-x bottom green url("support/blue15x15.png"); + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a green rectangle on top of a blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-153.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-153.xht new file mode 100644 index 0000000000..6186ad2bb8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-153.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: Background with (repeat position color attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (repeat position color attachment) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: repeat-x bottom green scroll; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-154.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-154.xht new file mode 100644 index 0000000000..8c88061fe1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-154.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 Test: Background with (repeat position image color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-090-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (repeat position image color) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." /> + <style type="text/css"> + div + { + background: repeat-x bottom url("support/blue15x15.png") green; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a green rectangle on top of a blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-155.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-155.xht new file mode 100644 index 0000000000..3230e98497 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-155.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"> + <head> + <title>CSS Test: Background with (repeat position image attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat position image attachment) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: repeat-x bottom url("support/cat.png") scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-156.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-156.xht new file mode 100644 index 0000000000..d946076ec2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-156.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: Background with (repeat position attachment color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (repeat position attachment color) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: repeat-x bottom scroll green; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-157.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-157.xht new file mode 100644 index 0000000000..04274c04ab --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-157.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"> + <head> + <title>CSS Test: Background with (repeat position attachment image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat position attachment image) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: repeat-x bottom scroll url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-158.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-158.xht new file mode 100644 index 0000000000..d709dfae7c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-158.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"> + <head> + <title>CSS Test: Background with (attachment color image repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment color image repeat) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: scroll green url("support/cat.png") repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-159.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-159.xht new file mode 100644 index 0000000000..898a414b44 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-159.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"> + <head> + <title>CSS Test: Background with (attachment color image position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment color image position) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: scroll green url("support/cat.png") bottom; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-160.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-160.xht new file mode 100644 index 0000000000..f2292b3ebf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-160.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"> + <head> + <title>CSS Test: Background with (attachment color repeat image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment color repeat image) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: scroll green repeat-x url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-161.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-161.xht new file mode 100644 index 0000000000..b142271a7b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-161.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: Background with (attachment color repeat position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (attachment color repeat position) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: scroll green repeat-x bottom; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-162.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-162.xht new file mode 100644 index 0000000000..2ca72cc720 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-162.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"> + <head> + <title>CSS Test: Background with (attachment color position image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment color position image) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: scroll green bottom url("support/cat.png"); + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-163.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-163.xht new file mode 100644 index 0000000000..4c1fcb3163 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-163.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: Background with (attachment color position repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (attachment color position repeat) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: scroll green bottom repeat-x; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-164.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-164.xht new file mode 100644 index 0000000000..78e57b555b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-164.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"> + <head> + <title>CSS Test: Background with (attachment image color repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment image color repeat) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: scroll url("support/cat.png") green repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-165.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-165.xht new file mode 100644 index 0000000000..9ff98444c6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-165.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"> + <head> + <title>CSS Test: Background with (attachment image color position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment image color position) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: scroll url("support/cat.png") green bottom; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-166.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-166.xht new file mode 100644 index 0000000000..30f3d98b0d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-166.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"> + <head> + <title>CSS Test: Background with (attachment image repeat color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment image repeat color) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: scroll url("support/cat.png") repeat-x green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-167.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-167.xht new file mode 100644 index 0000000000..b09e4e7a46 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-167.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"> + <head> + <title>CSS Test: Background with (attachment image repeat position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment image repeat position) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: scroll url("support/cat.png") repeat-x bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-168.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-168.xht new file mode 100644 index 0000000000..9e99156de4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-168.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"> + <head> + <title>CSS Test: Background with (attachment image position color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment image position color) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: scroll url("support/cat.png") bottom green; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-169.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-169.xht new file mode 100644 index 0000000000..73166d3f4d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-169.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"> + <head> + <title>CSS Test: Background with (attachment image position repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment image position repeat) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: scroll url("support/cat.png") bottom repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-170.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-170.xht new file mode 100644 index 0000000000..cfbd025974 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-170.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"> + <head> + <title>CSS Test: Background with (attachment repeat color image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment repeat color image) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: scroll repeat-x green url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-171.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-171.xht new file mode 100644 index 0000000000..fa94ca5c5e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-171.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: Background with (attachment repeat color position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (attachment repeat color position) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: scroll repeat-x green bottom; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-172.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-172.xht new file mode 100644 index 0000000000..cfc56c2318 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-172.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"> + <head> + <title>CSS Test: Background with (attachment repeat image color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment repeat image color) the background to the color specified, tiling the image across the x-axis and the scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: scroll repeat-x url("support/cat.png") green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated over a green box the box below. The cat image also needs to move with the scrolling mechanism when scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-173.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-173.xht new file mode 100644 index 0000000000..4b0a822b39 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-173.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"> + <head> + <title>CSS Test: Background with (attachment repeat image position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment repeat image position) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: scroll repeat-x url("support/cat.png") bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-174.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-174.xht new file mode 100644 index 0000000000..c7e0beefd3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-174.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: Background with (attachment repeat position color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (attachment repeat position color) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: scroll repeat-x bottom green; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-175.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-175.xht new file mode 100644 index 0000000000..3e5c4d1cc3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-175.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"> + <head> + <title>CSS Test: Background with (attachment repeat position image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment repeat position image) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: scroll repeat-x bottom url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-176.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-176.xht new file mode 100644 index 0000000000..237b082bb2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-176.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"> + <head> + <title>CSS Test: Background with (attachment position color image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment position color image) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: scroll bottom green url("support/cat.png"); + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-177.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-177.xht new file mode 100644 index 0000000000..b6aa3e0890 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-177.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: Background with (attachment position color repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (attachment position color repeat) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: scroll bottom green repeat-x; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-178.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-178.xht new file mode 100644 index 0000000000..cc0537ce6e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-178.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"> + <head> + <title>CSS Test: Background with (attachment position image color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment position image color) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: scroll bottom url("support/cat.png") green; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-179.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-179.xht new file mode 100644 index 0000000000..92e9d1e602 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-179.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"> + <head> + <title>CSS Test: Background with (attachment position image repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment position image repeat) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: scroll bottom url("support/cat.png") repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-180.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-180.xht new file mode 100644 index 0000000000..c4f157e1b8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-180.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: Background with (attachment position repeat color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (attachment position repeat color) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: scroll bottom repeat-x green; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-181.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-181.xht new file mode 100644 index 0000000000..658560e91a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-181.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"> + <head> + <title>CSS Test: Background with (attachment position repeat image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment position repeat image) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: scroll bottom repeat-x url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-182.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-182.xht new file mode 100644 index 0000000000..72c02df3e3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-182.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 Test: Background with (position color image repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-087-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (position color image repeat) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." /> + <style type="text/css"> + div + { + background: bottom orange url("support/blue15x15.png") repeat-x; + height: 100px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is an orange rectangle above a blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-183.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-183.xht new file mode 100644 index 0000000000..46e99fbcf3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-183.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"> + <head> + <title>CSS Test: Background with (position color image attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position color image attachment) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: bottom green url("support/cat.png") scroll; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-184.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-184.xht new file mode 100644 index 0000000000..cd7f94041e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-184.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 Test: Background with (position color repeat image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-090-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (position color repeat image) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." /> + <style type="text/css"> + div + { + background: bottom green repeat-x url("support/blue15x15.png"); + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a green rectangle on top of a blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-185.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-185.xht new file mode 100644 index 0000000000..79ed7b53b0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-185.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: Background with (position color repeat attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (position color repeat attachment) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: bottom green repeat-x scroll; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-186.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-186.xht new file mode 100644 index 0000000000..197e1dbc40 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-186.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"> + <head> + <title>CSS Test: Background with (position color attachment image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position color attachment image) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: bottom green scroll url("support/cat.png"); + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-187.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-187.xht new file mode 100644 index 0000000000..de459ef782 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-187.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: Background with (position color attachment repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (position color attachment repeat) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: bottom green scroll repeat-x; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-188.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-188.xht new file mode 100644 index 0000000000..af87461274 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-188.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 Test: Background with (position image color repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-090-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (position image color repeat) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." /> + <style type="text/css"> + div + { + background: bottom url("support/blue15x15.png") green repeat-x; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a green rectangle on top of a blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-189.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-189.xht new file mode 100644 index 0000000000..1396a7479d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-189.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"> + <head> + <title>CSS Test: Background with (position image color attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position image color attachment) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: bottom url("support/cat.png") green scroll; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-190.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-190.xht new file mode 100644 index 0000000000..c7c3f1642f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-190.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 Test: Background with (position image repeat color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-090-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (position image repeat color) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." /> + <style type="text/css"> + div + { + background: bottom url("support/blue15x15.png") repeat-x green; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a green rectangle on top of a blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-191.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-191.xht new file mode 100644 index 0000000000..c9188c0232 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-191.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"> + <head> + <title>CSS Test: Background with (position image repeat attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position image repeat attachment) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: bottom url("support/cat.png") repeat-x scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-192.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-192.xht new file mode 100644 index 0000000000..1509f5ed2d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-192.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"> + <head> + <title>CSS Test: Background with (position image attachment color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position image attachment color) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: bottom url("support/cat.png") scroll green; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-193.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-193.xht new file mode 100644 index 0000000000..cf3a76a260 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-193.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"> + <head> + <title>CSS Test: Background with (position image attachment repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position image attachment repeat) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: bottom url("support/cat.png") scroll repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-194.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-194.xht new file mode 100644 index 0000000000..928ed72089 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-194.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 Test: Background with (position repeat color image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-090-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (position repeat color image) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." /> + <style type="text/css"> + div + { + background: bottom repeat-x green url("support/blue15x15.png"); + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a green rectangle on top of a blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-195.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-195.xht new file mode 100644 index 0000000000..5609e4c0e2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-195.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: Background with (position repeat color attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (position repeat color attachment) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: bottom repeat-x green scroll; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-196.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-196.xht new file mode 100644 index 0000000000..7da1da5748 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-196.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 Test: Background with (position repeat image color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-090-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background with (position repeat image color) sets the background to the color specified, with the image overlaid across the x-axis at the bottom." /> + <style type="text/css"> + div + { + background: bottom repeat-x url("support/blue15x15.png") green; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a green rectangle on top of a blue stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-197.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-197.xht new file mode 100644 index 0000000000..81f2f12a2d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-197.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"> + <head> + <title>CSS Test: Background with (position repeat image attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position repeat image attachment) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: bottom repeat-x url("support/cat.png") scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a picture of a cat repeated across the bottom of the box below that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-198.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-198.xht new file mode 100644 index 0000000000..918b75d034 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-198.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: Background with (position repeat attachment color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (position repeat attachment color) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: bottom repeat-x scroll green; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-199.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-199.xht new file mode 100644 index 0000000000..7ffa6ae7ba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-199.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"> + <head> + <title>CSS Test: Background with (position repeat attachment image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position repeat attachment image) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: bottom repeat-x scroll url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-200.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-200.xht new file mode 100644 index 0000000000..b01c36267c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-200.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"> + <head> + <title>CSS Test: Background with (position attachment color image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position attachment color image) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: bottom scroll green url("support/cat.png"); + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-201.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-201.xht new file mode 100644 index 0000000000..6676cc6470 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-201.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: Background with (position attachment color repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (position attachment color repeat) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: bottom scroll green repeat-x; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-202.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-202.xht new file mode 100644 index 0000000000..6999fa59f2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-202.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"> + <head> + <title>CSS Test: Background with (position attachment image color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position attachment image color) sets the background to the image and the image scrolls with the element. The image is centered across the bottom and then tile out from there." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: bottom scroll url("support/cat.png") green; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if the box below is filled with cat images that move when the box is scrolled. Also, after scrolling to the bottom of the box, there is a cat image that is not cut off, and it is centered at the bottom of the box (there can be additional cat images).</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-203.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-203.xht new file mode 100644 index 0000000000..fa670b5f96 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-203.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"> + <head> + <title>CSS Test: Background with (position attachment image repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position attachment image repeat) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: bottom scroll url("support/cat.png") repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-204.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-204.xht new file mode 100644 index 0000000000..56c67d8fee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-204.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: Background with (position attachment repeat color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-030-ref.xht" /> + + <meta name="assert" content="Background with (position attachment repeat color) sets the background of the element to the color specified. Repeat, position, and attachment only apply if image is set." /> + <style type="text/css"> + div + { + background: bottom scroll repeat-x green; + height: 200px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-205.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-205.xht new file mode 100644 index 0000000000..82c2ad70cb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-205.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"> + <head> + <title>CSS Test: Background with (position attachment repeat image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position attachment repeat image) sets the tiles the image across the x-axis within the background and the image scrolls with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: bottom scroll repeat-x url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if in the box below, there is a picture of a cat repeated across the bottom of the box that moves with the scrollbar when the box is scrolled to the right.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-206.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-206.xht new file mode 100644 index 0000000000..2ffe58c471 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-206.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"> + <head> + <title>CSS Test: Background with (color image repeat attachment position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color image repeat attachment position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: green url("support/cat.png") repeat-x scroll bottom; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-207.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-207.xht new file mode 100644 index 0000000000..796ab513b8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-207.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"> + <head> + <title>CSS Test: Background with (color image repeat position attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color image repeat position attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: green url("support/cat.png") repeat-x bottom scroll; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-208.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-208.xht new file mode 100644 index 0000000000..d225a3613d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-208.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"> + <head> + <title>CSS Test: Background with (color image attachment repeat position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color image attachment repeat position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: green url("support/cat.png") scroll repeat-x bottom; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-209.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-209.xht new file mode 100644 index 0000000000..517f115424 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-209.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"> + <head> + <title>CSS Test: Background with (color image attachment position repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color image attachment position repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: green url("support/cat.png") scroll bottom repeat-x; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-210.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-210.xht new file mode 100644 index 0000000000..46a2f04ca7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-210.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"> + <head> + <title>CSS Test: Background with (color image position repeat attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color image position repeat attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: green url("support/cat.png") bottom repeat-x scroll; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-211.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-211.xht new file mode 100644 index 0000000000..159a6b78ed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-211.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"> + <head> + <title>CSS Test: Background with (color image position attachment repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color image position attachment repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: green url("support/cat.png") bottom scroll repeat-x; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-212.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-212.xht new file mode 100644 index 0000000000..b7d1b7eed2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-212.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"> + <head> + <title>CSS Test: Background with (color repeat image attachment position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color repeat image attachment position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: green repeat-x url("support/cat.png") scroll bottom; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-213.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-213.xht new file mode 100644 index 0000000000..469bbde968 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-213.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"> + <head> + <title>CSS Test: Background with (color repeat image position attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color repeat image position attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: green repeat-x url("support/cat.png") bottom scroll; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-214.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-214.xht new file mode 100644 index 0000000000..da98d35ab4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-214.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"> + <head> + <title>CSS Test: Background with (color repeat attachment image position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color repeat attachment image position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: green repeat-x scroll url("support/cat.png") bottom; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-215.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-215.xht new file mode 100644 index 0000000000..8947fbba12 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-215.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"> + <head> + <title>CSS Test: Background with (color repeat attachment position image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color repeat attachment position image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: green repeat-x scroll bottom url("support/cat.png"); + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-216.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-216.xht new file mode 100644 index 0000000000..2652cefaf4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-216.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"> + <head> + <title>CSS Test: Background with (color repeat position image attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color repeat position image attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: green repeat-x bottom url("support/cat.png") scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-217.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-217.xht new file mode 100644 index 0000000000..fa12488e00 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-217.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"> + <head> + <title>CSS Test: Background with (color repeat position attachment image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color repeat position attachment image) sets the background of the element to the color specified." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: green repeat-x bottom scroll url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-218.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-218.xht new file mode 100644 index 0000000000..d09a6f5987 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-218.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"> + <head> + <title>CSS Test: Background with (color attachment image repeat position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color attachment image repeat position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: green scroll url("support/cat.png") repeat-x bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-219.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-219.xht new file mode 100644 index 0000000000..6e64ea7b3f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-219.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"> + <head> + <title>CSS Test: Background with (color attachment image position repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color attachment image position repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: green scroll url("support/cat.png") bottom repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-220.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-220.xht new file mode 100644 index 0000000000..d25c2ab304 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-220.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"> + <head> + <title>CSS Test: Background with (color attachment repeat image position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color attachment repeat image position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: green scroll repeat-x url("support/cat.png") bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-221.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-221.xht new file mode 100644 index 0000000000..ec42a8d1e6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-221.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"> + <head> + <title>CSS Test: Background with (color attachment repeat position image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color attachment repeat position image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: green scroll repeat-x bottom url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-222.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-222.xht new file mode 100644 index 0000000000..7505f28c9f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-222.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"> + <head> + <title>CSS Test: Background with (color attachment position image repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color attachment position image repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: green scroll bottom url("support/cat.png") repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-223.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-223.xht new file mode 100644 index 0000000000..0d002b6698 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-223.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"> + <head> + <title>CSS Test: Background with (color attachment position repeat image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color attachment position repeat image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: green scroll bottom repeat-x url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-224.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-224.xht new file mode 100644 index 0000000000..d9a7cedf88 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-224.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"> + <head> + <title>CSS Test: Background with (color position image repeat attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color position image repeat attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: green bottom url("support/cat.png") repeat-x scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-225.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-225.xht new file mode 100644 index 0000000000..ccf9f76fc1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-225.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"> + <head> + <title>CSS Test: Background with (color position image attachment repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color position image attachment repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: green bottom center url("support/cat.png") scroll repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-226.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-226.xht new file mode 100644 index 0000000000..de212e36f0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-226.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"> + <head> + <title>CSS Test: Background with (color position repeat image attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color position repeat image attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: green bottom repeat-x url("support/cat.png") scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-227.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-227.xht new file mode 100644 index 0000000000..2a24abeee2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-227.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"> + <head> + <title>CSS Test: Background with (color position repeat attachment image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color position repeat attachment image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: green bottom repeat-x scroll url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-228.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-228.xht new file mode 100644 index 0000000000..aff7f63c3b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-228.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"> + <head> + <title>CSS Test: Background with (color position attachment image repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color position attachment image repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: green bottom center scroll url("support/cat.png") repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-229.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-229.xht new file mode 100644 index 0000000000..42cb4fce03 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-229.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"> + <head> + <title>CSS Test: Background with (color position attachment repeat image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (color position attachment repeat image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: green bottom scroll repeat-x url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-230.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-230.xht new file mode 100644 index 0000000000..dbfe6fc8de --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-230.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"> + <head> + <title>CSS Test: Background with (image color repeat attachment position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image color repeat attachment position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") green repeat-x scroll bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-231.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-231.xht new file mode 100644 index 0000000000..967f40bf6c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-231.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"> + <head> + <title>CSS Test: Background with (image color repeat position attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image color repeat position attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") green repeat-x bottom scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-232.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-232.xht new file mode 100644 index 0000000000..b2d3e6e373 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-232.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"> + <head> + <title>CSS Test: Background with (image color attachment repeat position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image color attachment repeat position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") green scroll repeat-x bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-233.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-233.xht new file mode 100644 index 0000000000..d437260111 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-233.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"> + <head> + <title>CSS Test: Background with (image color attachment position repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image color attachment position repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") green scroll bottom repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-234.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-234.xht new file mode 100644 index 0000000000..d0a8ff0cc2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-234.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"> + <head> + <title>CSS Test: Background with (image color position repeat attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image color position repeat attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") green bottom repeat-x scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-235.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-235.xht new file mode 100644 index 0000000000..bb44a79f4d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-235.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"> + <head> + <title>CSS Test: Background with (image color position attachment repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image color position attachment repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") green bottom scroll repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-236.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-236.xht new file mode 100644 index 0000000000..8f4592ef65 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-236.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"> + <head> + <title>CSS Test: Background with (image repeat color attachment position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image repeat color attachment position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") repeat-x green scroll bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-237.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-237.xht new file mode 100644 index 0000000000..6f5174d6b3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-237.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"> + <head> + <title>CSS Test: Background with (image repeat color position attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image repeat color position attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") repeat-x green bottom scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-238.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-238.xht new file mode 100644 index 0000000000..c074856fc1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-238.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"> + <head> + <title>CSS Test: Background with (image repeat attachment color position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image repeat attachment color position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") repeat-x scroll green bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-239.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-239.xht new file mode 100644 index 0000000000..e7273ad601 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-239.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"> + <head> + <title>CSS Test: Background with (image repeat attachment position color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image repeat attachment position color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") repeat-x scroll bottom green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-240.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-240.xht new file mode 100644 index 0000000000..cd280a3941 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-240.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"> + <head> + <title>CSS Test: Background with (image repeat position color attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image repeat position color attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") repeat-x bottom green scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-241.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-241.xht new file mode 100644 index 0000000000..0b512ebfd5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-241.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"> + <head> + <title>CSS Test: Background with (image repeat position attachment color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image repeat position attachment color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") repeat-x bottom scroll green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-242.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-242.xht new file mode 100644 index 0000000000..f1ece35543 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-242.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"> + <head> + <title>CSS Test: Background with (image attachment color repeat position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image attachment color repeat position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") scroll green repeat-x bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-243.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-243.xht new file mode 100644 index 0000000000..12f5b30a27 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-243.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"> + <head> + <title>CSS Test: Background with (image attachment color position repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image attachment color position repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") scroll green bottom repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-244.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-244.xht new file mode 100644 index 0000000000..4eefcde7ad --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-244.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"> + <head> + <title>CSS Test: Background with (image attachment repeat color position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image attachment repeat color position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") scroll repeat-x green bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-245.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-245.xht new file mode 100644 index 0000000000..590ae6f801 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-245.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"> + <head> + <title>CSS Test: Background with (image attachment repeat position color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image attachment repeat position color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") scroll repeat-x bottom green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-246.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-246.xht new file mode 100644 index 0000000000..44f79c567f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-246.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"> + <head> + <title>CSS Test: Background with (image attachment position color repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image attachment position color repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") scroll bottom green repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-247.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-247.xht new file mode 100644 index 0000000000..964db08b78 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-247.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"> + <head> + <title>CSS Test: Background with (image attachment position repeat color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image attachment position repeat color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") scroll bottom repeat-x green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-248.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-248.xht new file mode 100644 index 0000000000..c2c56eb70c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-248.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"> + <head> + <title>CSS Test: Background with (image position color repeat attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image position color repeat attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") bottom green repeat-x scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-249.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-249.xht new file mode 100644 index 0000000000..db14b60456 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-249.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"> + <head> + <title>CSS Test: Background with (image position color attachment repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image position color attachment repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") bottom green scroll repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-250.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-250.xht new file mode 100644 index 0000000000..fb7e370f6e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-250.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"> + <head> + <title>CSS Test: Background with (image position repeat color attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image position repeat color attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") bottom repeat-x green scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-251.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-251.xht new file mode 100644 index 0000000000..c3d9dad6fd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-251.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"> + <head> + <title>CSS Test: Background with (image position repeat attachment color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image position repeat attachment color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") bottom repeat-x scroll green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-252.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-252.xht new file mode 100644 index 0000000000..7a6a4fa636 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-252.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"> + <head> + <title>CSS Test: Background with (image position attachment color repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image position attachment color repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") bottom scroll green repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-253.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-253.xht new file mode 100644 index 0000000000..2f58f074a6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-253.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"> + <head> + <title>CSS Test: Background with (image position attachment repeat color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (image position attachment repeat color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: url("support/cat.png") bottom scroll repeat-x green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-254.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-254.xht new file mode 100644 index 0000000000..22e2b2ab28 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-254.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"> + <head> + <title>CSS Test: Background with (repeat color image attachment position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat color image attachment position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x green url("support/cat.png") scroll bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-255.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-255.xht new file mode 100644 index 0000000000..658bc49df7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-255.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"> + <head> + <title>CSS Test: Background with (repeat color image position attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat color image position attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x green url("support/cat.png") bottom scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-256.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-256.xht new file mode 100644 index 0000000000..5c89fd9527 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-256.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"> + <head> + <title>CSS Test: Background with (repeat color attachment image position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat color attachment image position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x green scroll url("support/cat.png") bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-257.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-257.xht new file mode 100644 index 0000000000..3a2a9f5f0f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-257.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"> + <head> + <title>CSS Test: Background with (repeat color attachment position image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat color attachment position image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x green scroll bottom url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-258.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-258.xht new file mode 100644 index 0000000000..c490dec9ed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-258.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"> + <head> + <title>CSS Test: Background with (repeat color position image attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat color position image attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x green bottom url("support/cat.png") scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-259.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-259.xht new file mode 100644 index 0000000000..8c269f4ed8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-259.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"> + <head> + <title>CSS Test: Background with (repeat color position attachment image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat color position attachment image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x green bottom scroll url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-260.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-260.xht new file mode 100644 index 0000000000..028055bb8e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-260.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"> + <head> + <title>CSS Test: Background with (repeat image color attachment position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat image color attachment position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x url("support/cat.png") green scroll bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-261.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-261.xht new file mode 100644 index 0000000000..aa18c34b52 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-261.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"> + <head> + <title>CSS Test: Background with (repeat image color position attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat image color position attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x url("support/cat.png") green bottom scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-262.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-262.xht new file mode 100644 index 0000000000..48d81afc7a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-262.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"> + <head> + <title>CSS Test: Background with (repeat image attachment color position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat image attachment color position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x url("support/cat.png") scroll green bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-263.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-263.xht new file mode 100644 index 0000000000..6b9f477cf4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-263.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"> + <head> + <title>CSS Test: Background with (repeat image attachment position color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat image attachment position color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x url("support/cat.png") scroll bottom green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-264.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-264.xht new file mode 100644 index 0000000000..f14a273f00 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-264.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"> + <head> + <title>CSS Test: Background with (repeat image position color attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat image position color attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x url("support/cat.png") bottom green scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-265.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-265.xht new file mode 100644 index 0000000000..c3c2a40115 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-265.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"> + <head> + <title>CSS Test: Background with (repeat image position attachment color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat image position attachment color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x url("support/cat.png") bottom scroll green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-266.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-266.xht new file mode 100644 index 0000000000..ba9a2e2d4d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-266.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"> + <head> + <title>CSS Test: Background with (repeat attachment color image position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat attachment color image position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x scroll green url("support/cat.png") bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-267.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-267.xht new file mode 100644 index 0000000000..6f6f435eb8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-267.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"> + <head> + <title>CSS Test: Background with (repeat attachment color position image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat attachment color position image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x scroll green bottom url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-268.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-268.xht new file mode 100644 index 0000000000..05ed8c30ce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-268.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"> + <head> + <title>CSS Test: Background with (repeat attachment image color position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat attachment image color position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x scroll url("support/cat.png") green bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-269.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-269.xht new file mode 100644 index 0000000000..bc24671254 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-269.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"> + <head> + <title>CSS Test: Background with (repeat attachment image position color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat attachment image position color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x scroll url("support/cat.png") bottom green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-270.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-270.xht new file mode 100644 index 0000000000..3eaab9be37 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-270.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"> + <head> + <title>CSS Test: Background with (repeat attachment position color image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat attachment position color image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x scroll bottom green url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-271.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-271.xht new file mode 100644 index 0000000000..4691921b1e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-271.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"> + <head> + <title>CSS Test: Background with (repeat attachment position image color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat attachment position image color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x scroll bottom url("support/cat.png") green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-272.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-272.xht new file mode 100644 index 0000000000..c01d097786 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-272.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"> + <head> + <title>CSS Test: Background with (repeat position color image attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat position color image attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x bottom green url("support/cat.png") scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-273.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-273.xht new file mode 100644 index 0000000000..c80dc189c9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-273.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"> + <head> + <title>CSS Test: Background with (repeat position color attachment image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat position color attachment image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x bottom green scroll url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-274.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-274.xht new file mode 100644 index 0000000000..612fd55de2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-274.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"> + <head> + <title>CSS Test: Background with (repeat position image color attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat position image color attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x bottom url("support/cat.png") green scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-275.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-275.xht new file mode 100644 index 0000000000..e7b6f25ad3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-275.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"> + <head> + <title>CSS Test: Background with (repeat position image attachment color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat position image attachment color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x bottom url("support/cat.png") scroll green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-276.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-276.xht new file mode 100644 index 0000000000..e0632102a9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-276.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"> + <head> + <title>CSS Test: Background with (repeat position attachment color image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat position attachment color image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x bottom scroll green url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-277.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-277.xht new file mode 100644 index 0000000000..044c5c31cf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-277.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"> + <head> + <title>CSS Test: Background with (repeat position attachment image color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (repeat position attachment image color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: repeat-x bottom scroll url("support/cat.png") green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-278.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-278.xht new file mode 100644 index 0000000000..b0169a1c87 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-278.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"> + <head> + <title>CSS Test: Background with (attachment color image repeat position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment color image repeat position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll green url("support/cat.png") repeat-x bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-279.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-279.xht new file mode 100644 index 0000000000..1c295d9dfd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-279.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"> + <head> + <title>CSS Test: Background with (attachment color image position repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment color image position repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll green url("support/cat.png") bottom repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-280.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-280.xht new file mode 100644 index 0000000000..690aedf62c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-280.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"> + <head> + <title>CSS Test: Background with (attachment color repeat image position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment color repeat image position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll green repeat-x url("support/cat.png") bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-281.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-281.xht new file mode 100644 index 0000000000..a2d61adb48 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-281.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"> + <head> + <title>CSS Test: Background with (attachment color repeat position image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with attachment color repeat position image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll green repeat-x bottom url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-282.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-282.xht new file mode 100644 index 0000000000..0549194c69 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-282.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"> + <head> + <title>CSS Test: Background with (attachment color position image repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment color position image repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll green bottom url("support/cat.png") repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-283.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-283.xht new file mode 100644 index 0000000000..16733a0965 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-283.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"> + <head> + <title>CSS Test: Background with (attachment color position repeat image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment color position repeat image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll green bottom repeat-x url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-284.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-284.xht new file mode 100644 index 0000000000..674d0b5b35 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-284.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"> + <head> + <title>CSS Test: Background with (attachment image color repeat position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment image color repeat position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll url("support/cat.png") green repeat-x bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-285.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-285.xht new file mode 100644 index 0000000000..ec9deb11e5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-285.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"> + <head> + <title>CSS Test: Background with (attachment image color position repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment image color position repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll url("support/cat.png") green bottom repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-286.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-286.xht new file mode 100644 index 0000000000..3ff4632655 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-286.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"> + <head> + <title>CSS Test: Background with (attachment image repeat color position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment image repeat color position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll url("support/cat.png") repeat-x green bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-287.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-287.xht new file mode 100644 index 0000000000..6bc254d42d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-287.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"> + <head> + <title>CSS Test: Background with (attachment image repeat position color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment image repeat position color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll url("support/cat.png") repeat-x bottom green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-288.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-288.xht new file mode 100644 index 0000000000..e45aea45c7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-288.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"> + <head> + <title>CSS Test: Background with (attachment image position color repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment image position color repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll url("support/cat.png") bottom green repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-289.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-289.xht new file mode 100644 index 0000000000..eb0ee7e7a6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-289.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"> + <head> + <title>CSS Test: Background with (attachment image position repeat color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment image position repeat color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll url("support/cat.png") bottom repeat-x green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-290.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-290.xht new file mode 100644 index 0000000000..e8a745a8d9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-290.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"> + <head> + <title>CSS Test: Background with (attachment repeat color image position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment repeat color image position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll repeat-x green url("support/cat.png") bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-291.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-291.xht new file mode 100644 index 0000000000..b71b86ba1c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-291.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"> + <head> + <title>CSS Test: Background with (attachment repeat color position image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment repeat color position image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll repeat-x green bottom url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-292.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-292.xht new file mode 100644 index 0000000000..17b1252551 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-292.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"> + <head> + <title>CSS Test: Background with (attachment repeat image color position)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment repeat image color position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll repeat-x url("support/cat.png") green bottom; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-293.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-293.xht new file mode 100644 index 0000000000..59824cd6fb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-293.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"> + <head> + <title>CSS Test: Background with (attachment repeat image position color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment repeat image position color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll repeat-x url("support/cat.png") bottom green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-294.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-294.xht new file mode 100644 index 0000000000..4e88c6aef9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-294.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"> + <head> + <title>CSS Test: Background with (attachment repeat position color image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment repeat position color image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll repeat-x bottom green url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-295.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-295.xht new file mode 100644 index 0000000000..1d46d32436 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-295.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"> + <head> + <title>CSS Test: Background with (attachment repeat position image color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment repeat position image color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll repeat-x bottom url("support/cat.png") green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-296.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-296.xht new file mode 100644 index 0000000000..88a7d81f4c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-296.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"> + <head> + <title>CSS Test: Background with (attachment position color image repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment position color image repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll bottom green url("support/cat.png") repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-297.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-297.xht new file mode 100644 index 0000000000..e00c6321a5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-297.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"> + <head> + <title>CSS Test: Background with (attachment position color repeat image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment position color repeat image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll bottom green repeat-x url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-298.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-298.xht new file mode 100644 index 0000000000..de6748574d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-298.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"> + <head> + <title>CSS Test: Background with (attachment position image color repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment position image color repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll bottom url("support/cat.png") green repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-299.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-299.xht new file mode 100644 index 0000000000..00172c8d04 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-299.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"> + <head> + <title>CSS Test: Background with (attachment position image repeat color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment position image repeat color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll bottom url("support/cat.png") repeat-x green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-300.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-300.xht new file mode 100644 index 0000000000..cffd42a6c1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-300.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"> + <head> + <title>CSS Test: Background with (attachment position repeat color image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment position repeat color image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll bottom repeat-x green url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-301.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-301.xht new file mode 100644 index 0000000000..7b6f812dd8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-301.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"> + <head> + <title>CSS Test: Background with (attachment position repeat image color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (attachment position repeat image color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: scroll bottom repeat-x url("support/cat.png") green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-302.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-302.xht new file mode 100644 index 0000000000..f7eeb0453c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-302.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"> + <head> + <title>CSS Test: Background with (position color image repeat attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position color image repeat attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: bottom green url("support/cat.png") repeat-x scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-303.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-303.xht new file mode 100644 index 0000000000..fd977eac61 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-303.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"> + <head> + <title>CSS Test: Background with (position color image attachment repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position color image attachment repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: bottom green url("support/cat.png") scroll repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-304.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-304.xht new file mode 100644 index 0000000000..16c3e0d0d1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-304.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"> + <head> + <title>CSS Test: Background with (position color repeat image attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position color repeat image attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: bottom green repeat-x url("support/cat.png") scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-305.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-305.xht new file mode 100644 index 0000000000..7b4d6cbe7d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-305.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"> + <head> + <title>CSS Test: Background with (position color repeat attachment image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position color repeat attachment image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: bottom green repeat-x scroll url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-306.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-306.xht new file mode 100644 index 0000000000..e0be57e746 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-306.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"> + <head> + <title>CSS Test: Background with (position color attachment image repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position color attachment image repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: bottom green scroll url("support/cat.png") repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-307.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-307.xht new file mode 100644 index 0000000000..b621361a57 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-307.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"> + <head> + <title>CSS Test: Background with (position color attachment repeat image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position color attachment repeat image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: bottom green scroll repeat-x url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-308.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-308.xht new file mode 100644 index 0000000000..62f8400318 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-308.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"> + <head> + <title>CSS Test: Background with (position image color repeat attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position image color repeat attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: bottom url("support/cat.png") green repeat-x scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-309.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-309.xht new file mode 100644 index 0000000000..119743f24e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-309.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"> + <head> + <title>CSS Test: Background with (position image color attachment repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position image color attachment repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: bottom url("support/cat.png") green scroll repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-310.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-310.xht new file mode 100644 index 0000000000..b61998f15b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-310.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"> + <head> + <title>CSS Test: Background with (position image repeat color attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position image repeat color attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: bottom url("support/cat.png") repeat-x green scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-311.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-311.xht new file mode 100644 index 0000000000..17c9c38c96 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-311.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"> + <head> + <title>CSS Test: Background with (position image repeat attachment color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position image repeat attachment color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: bottom url("support/cat.png") repeat-x scroll green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-312.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-312.xht new file mode 100644 index 0000000000..d5c9adfa87 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-312.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"> + <head> + <title>CSS Test: Background with (position image attachment color repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position image attachment color repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: bottom url("support/cat.png") scroll green repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-313.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-313.xht new file mode 100644 index 0000000000..786bdba07a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-313.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"> + <head> + <title>CSS Test: Background with (position image attachment repeat color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position image attachment repeat color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: bottom url("support/cat.png") scroll repeat-x green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-314.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-314.xht new file mode 100644 index 0000000000..e829bea297 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-314.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"> + <head> + <title>CSS Test: Background with (position repeat color image attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position repeat color image attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: bottom repeat-x green url("support/cat.png") scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-315.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-315.xht new file mode 100644 index 0000000000..700e9ef5c5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-315.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"> + <head> + <title>CSS Test: Background with (position repeat color attachment image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position repeat color attachment image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: bottom repeat-x green scroll url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-316.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-316.xht new file mode 100644 index 0000000000..0b08e45530 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-316.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"> + <head> + <title>CSS Test: Background with (position repeat image color attachment)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position repeat image color attachment) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: bottom repeat-x url("support/cat.png") green scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-317.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-317.xht new file mode 100644 index 0000000000..b6e16a4d5c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-317.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"> + <head> + <title>CSS Test: Background with (position repeat image attachment color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position repeat image attachment color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: bottom repeat-x url("support/cat.png") scroll green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-318.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-318.xht new file mode 100644 index 0000000000..bd11cced0f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-318.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"> + <head> + <title>CSS Test: Background with (position repeat attachment color image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position repeat attachment color image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: bottom repeat-x scroll green url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-319.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-319.xht new file mode 100644 index 0000000000..32795e7bd3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-319.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"> + <head> + <title>CSS Test: Background with (position repeat attachment image color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position repeat attachment image color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: bottom repeat-x scroll url("support/cat.png") green; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-320.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-320.xht new file mode 100644 index 0000000000..cd88501dae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-320.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"> + <head> + <title>CSS Test: Background with (position attachment color image repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position attachment color image repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: bottom scroll green url("support/cat.png") repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-321.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-321.xht new file mode 100644 index 0000000000..7e4d6a1cbb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-321.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"> + <head> + <title>CSS Test: Background with (position attachment color repeat image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position attachment color repeat image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: bottom scroll green repeat-x url("support/cat.png"); + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-322.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-322.xht new file mode 100644 index 0000000000..d576582635 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-322.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"> + <head> + <title>CSS Test: Background with (position attachment image color repeat)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position attachment image color repeat) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + overflow: scroll; + width: 200px; + } + div div + { + background: bottom scroll url("support/cat.png") green repeat-x; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-323.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-323.xht new file mode 100644 index 0000000000..1bf47cb8f9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-323.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"> + <head> + <title>CSS Test: Background with (position attachment image repeat color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position attachment image repeat color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: bottom scroll url("support/cat.png") repeat-x green; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-324.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-324.xht new file mode 100644 index 0000000000..cba3fdfc09 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-324.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"> + <head> + <title>CSS Test: Background with (position attachment repeat color image)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position attachment repeat color image) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: bottom scroll repeat-x green url("support/cat.png"); + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-325.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-325.xht new file mode 100644 index 0000000000..1799d9fb92 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-325.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"> + <head> + <title>CSS Test: Background with (position attachment repeat image color)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background with (position attachment repeat image color) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background: bottom scroll repeat-x url("support/cat.png") green; + width: 400px; + height: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-326-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-326-ref.xht new file mode 100644 index 0000000000..bffab68375 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-326-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 + { + background-color: green; + height: 1in; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-326.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-326.xht new file mode 100644 index 0000000000..2a49077cf6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-326.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"> + <head> + <title>CSS Test: Background with inherit inheriting one value</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-326-ref.xht" /> + + <meta name="assert" content="Background set to 'inherit' works when inheriting one value." /> + <style type="text/css"> + #wrapper + { + background: green; + } + #test + { + background: red; + background: inherit; + height: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="wrapper"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-327.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-327.xht new file mode 100644 index 0000000000..a4bcb88279 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-327.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 Test: Background with inherit inheriting two values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-326-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background set to 'inherit' works when inheriting two values." /> + <style type="text/css"> + #wrapper + { + background: black url('support/green15x15.png'); + } + #test + { + background: red; + background: inherit; + height: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="wrapper"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-328-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-328-ref.xht new file mode 100644 index 0000000000..342f1ba6f6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-328-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#first {line-height: 15px;} + + img + { + vertical-align: top; + width: 100%; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div id="first"><img src="support/swatch-green.png" height="15" alt="Image download support must be enabled" /></div> + + <div><img src="support/black15x15.png" height="81" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-328.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-328.xht new file mode 100644 index 0000000000..8df55be34c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-328.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 Test: Background with inherit inheriting three values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-328-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background set to 'inherit' works when inheriting three values." /> + <style type="text/css"> + #wrapper + { + background: black url('support/green15x15.png') repeat-x; + } + #test + { + background: red; + background: inherit; + height: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="wrapper"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-329-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-329-ref.xht new file mode 100644 index 0000000000..f64dec476d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-329-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div#second {line-height: 15px;} + + div#third {line-height: 33px;} + + img + { + vertical-align: top; + width: 100%; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div><img src="support/black15x15.png" height="48" alt="Image download support must be enabled" /></div> + + <div id="second"><img src="support/swatch-green.png" height="15" alt="Image download support must be enabled" /></div> + + <div id="third"><img src="support/black15x15.png" height="33" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-329.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-329.xht new file mode 100644 index 0000000000..438c0a0b32 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-329.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 Test: Background with inherit inheriting four values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-329-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Ensure that inherit works when inheriting four values." /> + <style type="text/css"> + #wrapper + { + background: black url('support/green15x15.png') repeat-x 0.5in 0.5in; + } + #test + { + background: red; + background: inherit; + height: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="wrapper"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-330.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-330.xht new file mode 100644 index 0000000000..0e4f321634 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-330.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"> + <head> + <title>CSS Test: Background with inherit inheriting five values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Ensure that inherit works when inheriting five values." /> + <style type="text/css"> + #wrapper + { + background: black url('support/green15x15.png') repeat-x 0.5in 0.5in scroll; + height: 1in; + overflow: scroll; + } + #test + { + background: red; + background: inherit; + height: 2in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page even when scrolling the box below.</p> + <div id="wrapper"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-001.xht new file mode 100644 index 0000000000..d0a1f05cc9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-001.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: CSS Backgrounds: Alpha transparent background</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/alpha/001.html" type="text/html"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/alpha/001.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <style type="text/css"> + html { background: white url(support/background-alpha-test.png); color: black; } + p { background: white; color: black; padding: 0.25em; border: thin solid black; display: inline; line-height: 2; } + </style> + </head> + <body> + <p>This document has a white background overlayed with an image with a multi-bit alpha channel.</p> + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-002.xht new file mode 100644 index 0000000000..f9f0d436db --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-002.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: CSS Backgrounds: Overlapped alpha transparent backgrounds</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/alpha/002.html" type="text/html"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/alpha/002.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <style type="text/css"> + html { background: white url(support/background-alpha-test.png); color: black; } + p { background: white; color: black; padding: 0.25em; border: thin solid black; display: inline; line-height: 2; } + div { position: fixed; height: 60%; top: 20%; left: 20%; width: 60%; background: url(support/background-alpha-test.png) center center; border: solid thick black; } + </style> + </head> + <body> + <p>This document has a white background overlayed with an image with a multi-bit alpha channel. In the middle of the page is a box with height 60% with the same background, centered.</p> + <div> + +</div></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-003.xht new file mode 100644 index 0000000000..a016db3129 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-003.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: CSS Backgrounds: Overlapped alpha transparent backgrounds</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/alpha/003.html" type="text/html"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/alpha/003.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <style type="text/css"> + html { background: white url(support/background-alpha-test.png); color: black; } + p { background: white; color: black; padding: 0.25em; border: thin solid black; display: inline; line-height: 2; } + div { height: 512px; width: 512px; margin: 5em auto; background: url(support/background-alpha-test.png); border: solid thick black; } + </style> + </head> + <body> + <p>This document has a white background overlayed with an image with a multi-bit alpha channel. In the middle of the page is a square div with a height the size of two tiles, with the same background.</p> + <div> + +</div></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-004.xht new file mode 100644 index 0000000000..19c81de915 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-004.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: CSS Backgrounds: Overlapped alpha transparent backgrounds</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/alpha/004.html" type="text/html"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/alpha/004.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <style type="text/css"> + html { background: white url(support/background-alpha-test.png) fixed; color: black; } + p { background: white; color: black; padding: 0.25em; border: thin solid black; display: inline; line-height: 2; } + div { height: 512px; width: 512px; margin: 5em auto 100em; background: url(support/background-alpha-test.png); border: solid thick black; } + </style> + </head> + <body> + <p>This document has a white background overlayed with a fixed-positioned image with a multi-bit alpha channel. In the middle of the page is a square div with a height the size of two tiles, with the same background, but scrolling.</p> + <div> + +</div></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-005.xht new file mode 100644 index 0000000000..5920220b96 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-005.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: CSS Backgrounds: Overlapped alpha transparent backgrounds</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/alpha/005.html" type="text/html"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/alpha/005.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <style type="text/css"> + html { background: white url(support/background-alpha-test.png) fixed; color: black; } + p { background: white; color: black; padding: 0.25em; border: thin solid black; display: inline; line-height: 2; } + div { height: 512px; width: 512px; margin: 5em auto 100em; background: url(support/background-alpha-test.png) fixed; border: 1px dotted black; } + </style> + </head> + <body> + <p>This document has a white background overlayed with a fixed-positioned image with a multi-bit alpha channel. In the middle of the page is a square div with a height the size of two tiles, with the same background, also fixed. This should have the effect of darkening the transparent area with the colour splodges.</p> + <div> + +</div></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-README b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-README new file mode 100644 index 0000000000..12e5ffeee8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-alpha-README @@ -0,0 +1,3 @@ +These files are experimental exploration rather than well written QA +tests. Please read the descriptions and specifications carefully to +determine the expected behaviour. diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-animated-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-animated-001.xht new file mode 100644 index 0000000000..c62edc2b72 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-animated-001.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 lang="en" xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: Animated Backgrounds</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/animated/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <meta name="flags" content="animated"/> + <style type="text/css"> + div { + background: url(support/animated.gif); + width: 47px; height: 46px; + } + </style> + </head> + <body> + <p>There should be an animated construction sign below.</p> + <div></div> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-001.xht new file mode 100644 index 0000000000..ed82af40c8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-001.xht @@ -0,0 +1,55 @@ +<!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: Background applied to elements with 'display' set to 'table-row-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'table-row-group'." /> + <style type="text/css"> + #test + { + display: table-row-group; + background: black; + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-002.xht new file mode 100644 index 0000000000..9063315d78 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-002.xht @@ -0,0 +1,55 @@ +<!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: Background applied to elements with 'display' set to 'table-header-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'table-header-group'." /> + <style type="text/css"> + #test + { + display: table-header-group; + background: black; + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-003.xht new file mode 100644 index 0000000000..c2699b2a90 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-003.xht @@ -0,0 +1,55 @@ +<!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: Background applied to elements with 'display' set to 'table-footer-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'table-footer-group'." /> + <style type="text/css"> + #test + { + display: table-footer-group; + background: black; + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-004.xht new file mode 100644 index 0000000000..dc5b85d93e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-004.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"> + <head> + <title>CSS Test: Background applied to elements with 'display' set to 'table-row'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'table-row'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + background: black; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-005.xht new file mode 100644 index 0000000000..353507c98b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-005.xht @@ -0,0 +1,59 @@ +<!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: Background applied to elements with 'display' set to 'table-column-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'table-column-group'." /> + <style type="text/css"> + #test + { + display: table-column-group; + background: black; + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + + .col + { + display: table-column; + } + + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div id="test"><div class="col"></div><div class="col"></div></div> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-006.xht new file mode 100644 index 0000000000..4e2781627d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-006.xht @@ -0,0 +1,56 @@ +<!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: Background applied to elements with 'display' set to 'table-column'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'table-column'." /> + <style type="text/css"> + #test + { + display: table-column; + background: black; + width: 1in; + } + #table + { + display: table; + table-layout: fixed; + width: 2in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + + div.cell + div.cell {color: white;} + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div id="test"></div> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-007.xht new file mode 100644 index 0000000000..83e04e5ac1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-007.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: Background applied to elements with 'display' set to 'table-cell'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'table-cell'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + background: black; + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div id="table"> + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-008.xht new file mode 100644 index 0000000000..6b252a7028 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-008.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 Test: Background applied to elements with 'display' set to 'inline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'inline'." /> + <style type="text/css"> + div + { + background: black; + display: inline; + } + </style> + </head> + <body> + <p>Test passes if there is a black stripe.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-009.xht new file mode 100644 index 0000000000..1595bf5482 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-009.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 Test: Background applied to elements with 'display' set to 'block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'block'." /> + <style type="text/css"> + span + { + background: black; + display: block; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-010.xht new file mode 100644 index 0000000000..f4642b56d0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-010.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: Background applied to elements with 'display' set to 'list-item'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'list-item'." /> + <style type="text/css"> + div + { + background: black; + display: list-item; + height: 1in; + margin-left: 2em; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box below and there is a marker bullet on the left-hand side of the box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-012.xht new file mode 100644 index 0000000000..645a60451d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-012.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: Background applied to elements with 'display' set to 'inline-block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'inline-block'." /> + <style type="text/css"> + span#inline-block + { + background: black; + display: inline-block; + width: 1in; + } + + span.block-descendant + { + display: block; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div> + <span id="inline-block"> + <span class="block-descendant">a</span> + <span class="block-descendant">b</span> + </span> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-013.xht new file mode 100644 index 0000000000..e6163038ad --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-013.xht @@ -0,0 +1,45 @@ +<!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: Background applied to elements with 'display' set to 'table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'table'." /> + <style type="text/css"> + #table + { + background: black; + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-014.xht new file mode 100644 index 0000000000..a586e5aee0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-014.xht @@ -0,0 +1,45 @@ +<!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: Background applied to elements with 'display' set to 'inline-table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'inline-table'." /> + <style type="text/css"> + #table + { + background: black; + display: inline-table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-015.xht new file mode 100644 index 0000000000..789cc9c258 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-applies-to-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: Background applied to elements with 'display' set to 'table-caption'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-14 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'table-caption'." /> + <style type="text/css"> + #table + { + display: table; + } + #caption + { + background: black; + display: table-caption; + height: 1in; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div id="table"> + <div id="caption"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-001.xht new file mode 100644 index 0000000000..7ba4655e3a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-001.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 Test: Background-attachment set to scroll</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background-attachment set to scroll (with image set as well) causes the background image to scroll with the box." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background-image: url("support/cat.png"); + background-attachment: scroll; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if when the box below is scrolled, the cat images move.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-002.xht new file mode 100644 index 0000000000..d1e6e06b2f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-002.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 Test: Background-attachment set to fixed</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background-attachment set to fixed, with image set as well, causes the background image not to move with the box when it is scrolled." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background-image: url("support/cat.png"); + background-attachment: fixed; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if when the box below is scrolled, the cat images do not move.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-003.xht new file mode 100644 index 0000000000..d1d4f75f21 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-003.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: Background-attachment set to inherit</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Background-attachment set to inherit will use its parents background-attachment assignment." /> + <style type="text/css"> + #div1 + { + background-attachment: fixed; + height: 200px; + width: 200px; + overflow: scroll; + } + div div + { + background-image: url("support/cat.png"); + background-attachment: inherit; + height: 400px; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if when the box below is scrolled, the cat images do not move.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-004.xht new file mode 100644 index 0000000000..d738fc8735 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-004.xht @@ -0,0 +1,86 @@ +<!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: Fixed Transparent Backgrounds</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/bgafixed.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" /> + <meta name="flags" content="interact"/> + <style type="text/css"> + * { background: transparent; } + body { background: transparent url(support/cat-128.png) no-repeat fixed center; } + .a { background: transparent url(support/cat-830.png) no-repeat fixed center; height: 100px; } + pre { font: 100 24px/2 Arial, sans-serif; letter-spacing: 1em; word-spacing: 1.2em; margin: 1em; } + </style> + </head> + <body> + +<pre> + + As you + + scroll + + this + page + +down, you + should + +see the + + mow mow + +get + bigger + + in flashes. + +</pre> + + <div class="a"></div> + +<pre> + + The first + + such flash + +appears + just +above the second + + sentence. + +</pre> + + <div class="a"></div> + +<pre> + + In fact, there is + + a + + flash +between each + + sentence. + +</pre> + + <div class="a"></div> + +<pre> + + The flashes are + + div elements + with +fixed backgrounds. + +</pre> + +</body> +</html> + diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-005.xht new file mode 100644 index 0000000000..49ce186cf6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-005.xht @@ -0,0 +1,51 @@ +<!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: Scrolling Backgrounds</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/block/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" /> + <meta name="flags" content="image interact scroll"/> + <style type="text/css"> + div { + background: red -5px -5px url(support/bordered-rectangle.png) scroll; + border: 10px dotted silver; + overflow: auto; height: 90px; width: 190px; + white-space: pre; font-size: 16px; + } + ul { color: navy; } + </style> + </head> + <body> + + <ul> + <li>There should be a gray dotted box below.</li> + <li>There should be a teal border underneath the dotted box.</li> + <li>The box should be painted aqua inside the border.</li> + <li>There should be no red.</li> + <li>As you scroll the element through the numbers, the aqua, teal, and gray colors should not change position.</li> + </ul> + + <div> 1 + 2 + 3 + 4 + 5 + 6 + 7 + 8 + 9 + 10 + 11 + 12 + 13 + 14 + 15 + 16 + 17 + 18 + 19 + 20 </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-006.xht new file mode 100644 index 0000000000..97acd9dd4a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-006.xht @@ -0,0 +1,59 @@ +<!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: Scrolling Backgrounds</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/block/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" /> + <meta name="flags" content="image interact scroll"/> + <style type="text/css"> + .inner { + background: transparent -15px -15px url(support/swatch-teal.png) repeat-x scroll; + border: 10px dotted silver; + overflow: auto; height: 80px; width: 180px; + white-space: pre; font-size: 16px; + margin: -10px; + } + .outer { + border: 10px solid teal; + border-top-color: red; + background: aqua; + width: 180px; + } + ul { color: navy; } + </style> + </head> + <body> + + <ul> + <li>There should be a gray dotted box below.</li> + <li>There should be a teal border underneath the dotted box.</li> + <li>The box should be painted aqua inside the border.</li> + <li>There should be no red.</li> + <li>As you scroll the element through the numbers, the aqua, teal, and gray colors should not change position.</li> + </ul> + + <div class="outer"> + <div class="inner"> 1 + 2 + 3 + 4 + 5 + 6 + 7 + 8 + 9 + 10 + 11 + 12 + 13 + 14 + 15 + 16 + 17 + 18 + 19 + 20 </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-007.xht new file mode 100644 index 0000000000..94a0dff0fb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-007.xht @@ -0,0 +1,79 @@ +<!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: Scrolling Backgrounds in Scrolling Backgrounds</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/block/003.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" /> + <meta name="flags" content="image interact scroll"/> + <style type="text/css"> + .outer { + background: red url(support/bordered-rectangle.png) -5px -5px scroll; + border: 10px dotted; + overflow: auto; height: 190px; width: 390px; + white-space: pre; font-size: 16px; + text-align: center; + } + .inner { + background: orange url(support/cat.png) scroll no-repeat; + border: 10px dotted yellow; margin: 0 auto; + overflow: auto; height: 99px; width: 98px; + color: orange; + } + ul { color: navy; } + </style> + </head> + <body> + + <ul> + <li>You should see teal underneath the dotted black border below.</li> + <li>There should be exactly four aqua rectangles visible inside the dotted border at all times.</li> + <li>As you scroll the element below the teal and aqua should not move.</li> + <li>However, as you scroll the aqua-and-teal element, a cat surrounded by an orange border with yellow dots should come into view, with its own associated nested scrolling mechanism.</li> + <li>As you scroll the aqua-and-teal element, the cat should move up and down with its border.</li> + <li>As you scroll the numbers inside the orange border, the cat should not move.</li> + </ul> + + <div class="outer"> 1 + 2 + 3 + 4 + 5 + 6 + 7 + 8 + 9 + <div class="inner"> 1 + 2 + 3 + 4 + 5 + 6 + 7 + 8 + 9 + 10 + 11 + 12 + 13 + 14 + 15 + 16 + 17 + 18 + 19 + 20</div> + 10 + 11 + 12 + 13 + 14 + 15 + 16 + 17 + 18 + 19 + 20</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-008.xht new file mode 100644 index 0000000000..d7e8940e2c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-008.xht @@ -0,0 +1,88 @@ +<!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: Scrolling Backgrounds in Scrolling Backgrounds</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/block/003.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" /> + <meta name="flags" content="image interact scroll"/> + <style type="text/css"> + .outer { + background: url(support/bordered-rectangle.png) -5px center scroll repeat-x; + border: 10px dotted; + overflow: auto; height: 190px; width: 390px; + white-space: pre; font-size: 16px; + text-align: center; + margin: -10px; + } + .inner { + background: url(support/cat.png) scroll center no-repeat; + border: 10px dotted orange; margin: 0 auto; + overflow: auto; height: 99px; width: 80%; + color: orange; + } + .backdrop { + border: teal solid 10px; + background: yellow; + width: 390px; + } + ul { color: navy; } + </style> + </head> + <body> + + <ul> + <li>You should see teal underneath the dotted black border below.</li> + <li>There should be exactly two teal-bordered aqua rectangles visible inside the dotted border at all times, with yellow stripes above and below.</li> + <li>As you scroll the element below the teal, aqua, and yellow regions should not move.</li> + <li>However, as you scroll the aqua-and-teal element, a cat surrounded by an orange dotted border should come into view, with its own associated nested scrolling mechanism.</li> + <li>As you scroll the aqua-and-teal element, the cat should move up and down with its border.</li> + <li>As you scroll the numbers inside the orange border, the cat should not move.</li> + <li>The aqua rectangles should be visible inside the dotted orange border.</li> + </ul> + + <div class="backdrop"> + <div class="outer"> 1 + 2 + 3 + 4 + 5 + 6 + 7 + 8 + 9 + <div class="inner"> 1 + 2 + 3 + 4 + 5 + 6 + 7 + 8 + 9 + 10 + 11 + 12 + 13 + 14 + 15 + 16 + 17 + 18 + 19 + 20</div> + 10 + 11 + 12 + 13 + 14 + 15 + 16 + 17 + 18 + 19 + 20</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-009-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-009-ref.xht new file mode 100644 index 0000000000..9666054fde --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-009-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" lang="en"> + + <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 { margin-left: 1em; width: 4em; height: 4em; } + ]]></style> + + </head> + + <body> + + <p>There should be a lime square below and no red.</p> + + <div><img src="support/swatch-lime.png" alt="FAIL"/></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-009.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-009.xht new file mode 100644 index 0000000000..349f3a6327 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-009.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: Background Positioning Test</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/block/005.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" /> + <link rel="match" href="background-attachment-009-ref.xht" /> + + <style type="text/css"><![CDATA[ + div { + background: url(support/swatch-red.png) + 1em repeat-y; + } + img { display: block; margin: 0 0 0 1em; width: 4em; height: 4em; } + ]]></style> + </head> + <body> + <p>There should be a lime square below and no red.</p> + <div><img src="support/swatch-lime.png" + alt="FAIL"/></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-010.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-010.xht new file mode 100644 index 0000000000..f554b4a594 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-010.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: Background-attachment set to fixed in paged media</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties"/> + <meta name="flags" content="image paged" /> + <meta name="assert" content="Fixed backgrounds position with respect to their page box. All pages will have the background visible."/> + <style type="text/css"> + body + { + background-repeat: no-repeat; + background-attachment: fixed; + background-image: url("support/blue96x96.png"); + background-position: 0 2in; + height: 20in; + } + </style> + </head> + <body> + <p>PREREQUISITE: Switch to paged media view and enable printing background images.</p> + <p>Test passes if there are multiple pages and there is a blue box on all pages.</p> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-001-ref.xht new file mode 100644 index 0000000000..123bb98f93 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-001-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {font: 1em/1.25 serif;} + + div + { + background-color: orange; + height: 192px; + width: 96px; + } + + img + { + vertical-align: top; + width: 100%; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a short blue stripe<br /> + above a tall orange rectangle.</p> + + <div><img src="support/swatch-blue.png" height="24" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-001.xht new file mode 100644 index 0000000000..cbe06bc0ed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-001.xht @@ -0,0 +1,52 @@ +<!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: Background-attachment applied to elements with 'display' set to 'table-row-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-attachment-applies-to-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'table-row-group'." /> + <style type="text/css"> + p {font: 1em/1.25 serif;} + + #test + { + background-color: orange; + background-image: url('support/blue96x96.png'); + background-attachment: fixed; + background-repeat: repeat-x; + display: table-row-group; + } + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + height: 2in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a short blue stripe<br /> + above a tall orange rectangle.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-002.xht new file mode 100644 index 0000000000..e3a9b4f62a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-002.xht @@ -0,0 +1,52 @@ +<!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: Background-attachment applied to elements with 'display' set to 'table-header-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-attachment-applies-to-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'table-header-group'." /> + <style type="text/css"> + p {font: 1em/1.25 serif;} + + #test + { + background-color: orange; + background-image: url('support/blue96x96.png'); + background-attachment: fixed; + background-repeat: repeat-x; + display: table-header-group; + } + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + height: 2in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a short blue stripe<br /> + above a tall orange rectangle.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-003.xht new file mode 100644 index 0000000000..3eacec4d14 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-003.xht @@ -0,0 +1,52 @@ +<!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: Background-attachment applied to elements with 'display' set to 'table-footer-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-attachment-applies-to-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'table-footer-group'." /> + <style type="text/css"> + p {font: 1em/1.25 serif;} + + #test + { + background-color: orange; + background-image: url('support/blue96x96.png'); + background-attachment: fixed; + background-repeat: repeat-x; + display: table-footer-group; + } + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + height: 2in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a short blue stripe<br /> + above a tall orange rectangle.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-004.xht new file mode 100644 index 0000000000..fd2930c703 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-004.xht @@ -0,0 +1,46 @@ +<!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: Background-attachment applied to elements with 'display' set to 'table-row'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-attachment-applies-to-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'table-row'." /> + <style type="text/css"> + p {font: 1em/1.25 serif;} + + #table + { + display: table; + table-layout: fixed; + } + #row + { + background-color: orange; + background-image: url('support/blue96x96.png'); + background-attachment: fixed; + background-repeat: repeat-x; + display: table-row; + } + #cell + { + display: table-cell; + height: 2in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a short blue stripe<br /> + above a tall orange rectangle.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-005.xht new file mode 100644 index 0000000000..e9f01a192b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-005.xht @@ -0,0 +1,51 @@ +<!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: Background-attachment applied to elements with 'display' set to 'table-column-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-attachment-applies-to-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'table-column-group'." /> + <style type="text/css"> + p {font: 1em/1.25 serif;} + + #test + { + background-color: orange; + background-image: url('support/blue96x96.png'); + background-attachment: fixed; + background-repeat: repeat-x; + display: table-column-group; + } + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + height: 2in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a short blue stripe<br /> + above a tall orange rectangle.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-006.xht new file mode 100644 index 0000000000..41d3bd5093 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-006.xht @@ -0,0 +1,51 @@ +<!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: Background-attachment applied to elements with 'display' set to 'table-column'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-attachment-applies-to-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'table-column'." /> + <style type="text/css"> + p {font: 1em/1.25 serif;} + + #test + { + background-color: orange; + background-image: url('support/blue96x96.png'); + background-attachment: fixed; + background-repeat: repeat-x; + display: table-column; + } + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + height: 2in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a short blue stripe<br /> + above a tall orange rectangle.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-007.xht new file mode 100644 index 0000000000..404e4cb555 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-007.xht @@ -0,0 +1,46 @@ +<!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: Background-attachment applied to elements with 'display' set to 'table-cell'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-attachment-applies-to-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'table-cell'." /> + <style type="text/css"> + p {font: 1em/1.25 serif;} + + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + } + #cell + { + background-color: orange; + background-image: url('support/blue96x96.png'); + background-attachment: fixed; + background-repeat: repeat-x; + display: table-cell; + height: 2in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a short blue stripe<br /> + above a tall orange rectangle.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-008.xht new file mode 100644 index 0000000000..bcbc9d98a3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-008.xht @@ -0,0 +1,27 @@ +<!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: Background-attachment applied to elements with 'display' set to 'inline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'inline'." /> + <style type="text/css"> + div + { + background-color: orange; + background-image: url('support/blue96x96.png'); + background-attachment: fixed; + background-repeat: repeat-x; + display: inline; + font: 2in/1 serif; + } + </style> + </head> + <body> + <p>Test passes if there is a blue rectangle above a taller orange rectangle.</p> + <div> </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-009.xht new file mode 100644 index 0000000000..bca1f64bc3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-009.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: Background-attachment applied to elements with 'display' set to 'block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-attachment-applies-to-001-ref.xht" /> + + <meta name="fuzzy" content="maxDifference=0-1;totalPixels=0-15" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'block'." /> + <style type="text/css"> + p {font: 1em/1.25 serif;} + + span + { + background-color: orange; + background-image: url('support/blue96x96.png'); + background-attachment: fixed; + background-repeat: repeat-x; + display: block; + height: 2in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a short blue stripe<br /> + above a tall orange rectangle.</p> + <div> + <span></span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-010.xht new file mode 100644 index 0000000000..fe95ac815b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-010.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 Test: Background-attachment applied to elements with 'display' set to 'list-item'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'list-item'." /> + <style type="text/css"> + div + { + background-color: orange; + background-image: url('support/blue96x96.png'); + background-attachment: fixed; + background-repeat: repeat-x; + display: list-item; + height: 2in; + margin-left: 2em; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a short blue stripe above a tall orange rectangle and there is a marker bullet on the left-hand side of the boxes.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-012.xht new file mode 100644 index 0000000000..fcfb8c65af --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-012.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: Background-attachment applied to elements with 'display' set to 'inline-block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-attachment-applies-to-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'inline-block'." /> + <style type="text/css"> + p {font: 1em/1.25 serif;} + + div + { + background-color: orange; + background-image: url('support/blue96x96.png'); + background-attachment: fixed; + background-repeat: repeat-x; + display: inline-block; + height: 2in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a short blue stripe<br /> + above a tall orange rectangle.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-013.xht new file mode 100644 index 0000000000..84f5e13774 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-013.xht @@ -0,0 +1,46 @@ +<!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: Background-attachment applied to elements with 'display' set to 'table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-attachment-applies-to-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'table'." /> + <style type="text/css"> + p {font: 1em/1.25 serif;} + + #table + { + background-color: orange; + background-image: url('support/blue96x96.png'); + background-attachment: fixed; + background-repeat: repeat-x; + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + height: 2in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a short blue stripe<br /> + above a tall orange rectangle.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-014.xht new file mode 100644 index 0000000000..99e7706e31 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-014.xht @@ -0,0 +1,46 @@ +<!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: Background-attachment applied to elements with 'display' set to 'inline-table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-attachment-applies-to-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'inline-table'." /> + <style type="text/css"> + p {font: 1em/1.25 serif;} + + #table + { + background-color: orange; + background-image: url('support/blue96x96.png'); + background-attachment: fixed; + background-repeat: repeat-x; + display: inline-table; + table-layout: fixed; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + height: 2in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a short blue stripe<br /> + above a tall orange rectangle.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-015.xht new file mode 100644 index 0000000000..f23325e0a2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-attachment-applies-to-015.xht @@ -0,0 +1,51 @@ +<!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: Background-attachment applied to elements with 'display' set to 'table-caption'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-attachment-applies-to-001-ref.xht" /> + + <meta name="fuzzy" content="maxDifference=0-1;totalPixels=0-15" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'table-caption'." /> + <style type="text/css"> + p {font: 1em/1.25 serif;} + + #table + { + display: table; + } + #caption + { + background-color: orange; + background-image: url('support/blue96x96.png'); + background-attachment: fixed; + background-repeat: repeat-x; + display: table-caption; + height: 2in; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a short blue stripe<br /> + above a tall orange rectangle.</p> + <div id="table"> + <div id="caption"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-204-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-204-ref.xht new file mode 100644 index 0000000000..8397c7b80f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-204-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + html { color: black; height: 100%; } + html, body { margin: 0; border: 0; padding: 0; } + p { margin: 0; padding: 2em; } + img { position: absolute; bottom: 0; right: 0; } + ]]></style> + + </head> + + <body> + + <p>There should be a single fuchsia diamond at the bottom right of the viewport. <img src="support/diamond.png" alt="Image download support must be enabled" /></p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-204.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-204.xht new file mode 100644 index 0000000000..7af7737e3f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-204.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>CSS Test: Background Position: bottom right and the viewport</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/bg-pos-2.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="match" href="background-bg-pos-204-ref.xht" /> +<style type="text/css"><![CDATA[ + html { background: bottom right url(support/diamond.png) scroll white no-repeat; color: black; height: 100%; } + html, body { margin: 0; border: 0; padding: 0; } + p { margin: 0; padding: 2em; } +]]></style> + +</head> +<body> +<p>There should be a single fuchsia diamond at the bottom right of the viewport.</p></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-205.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-205.xht new file mode 100644 index 0000000000..e618059278 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-205.xht @@ -0,0 +1,109 @@ +<!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: Background Position: bottom right and the scrolling viewport</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/bg-pos-3.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/> + <meta content="image scroll" name="flags" /> +<style type="text/css"> + html { background: bottom right url(support/swatch-orange.png) scroll white no-repeat; color: black; } + html, body { margin: 0; border: 0; padding: 0; } + p { margin-top: 0; margin-bottom: 2em; } + .inner { line-height: 3em; letter-spacing: 3em; color: silver; white-space: normal; margin: -5em; } + .platform { background: yellow; height: 3em; margin-right: 5em; } + .inner { background: bottom right url(support/swatch-blue.png) no-repeat; } +</style> + +</head> +<body> +<p>Scroll to the bottom right of the page, where there should be +a single blue square tucked precisely into the corner. There must +also be a single orange square sitting on top of the large yellow box, +aligned exactly at its rightmost edge.</p> + +<div class="inner">this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text<div class="platform"></div><p></p> +</div></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-206.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-206.xht new file mode 100644 index 0000000000..c142ea4448 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-206.xht @@ -0,0 +1,21 @@ +<!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: Background Position: bottom right and the viewport (fixed)</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-04-20 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/bg-pos-4.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="match" href="background-bg-pos-204-ref.xht" /> + <meta name="fuzzy" content="maxDifference=0-1;totalPixels=0-15" /> + +<style type="text/css"><![CDATA[ + html { background: bottom right url(support/diamond.png) fixed white no-repeat; color: black; } + html, body { margin: 0; border: 0; padding: 0; } + p { margin: 2em; } +]]></style> + +</head> +<body> +<p>There should be a single fuchsia diamond at the bottom right of the viewport.</p></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-207.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-207.xht new file mode 100644 index 0000000000..c78b3e8119 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-207.xht @@ -0,0 +1,106 @@ +<!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: Background Position: bottom right and the scrolling viewport (fixed)</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/bg-pos-5.html" type="text/html"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/bg-pos-5-bigger.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <meta name="flags" content="interact"/> +<style type="text/css"> + html { background: bottom right url(support/square-purple.png) fixed white no-repeat; color: black; } + html, body { margin: 0; border: 0; padding: 0; } + p { margin-bottom: 2em; } + pre { line-height: 3em; letter-spacing: 3em; color: silver; white-space: normal; margin: -5em; } +</style> + +</head> +<body> +<p>There should be a single purple square at the bottom right of the +viewport. The square should always be completely visible, regardless +of where you scroll the viewport. It should not be covered by the +scrollbars, if any.</p> + +<pre>this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text this is filler text this is filler text this is filler text this +is filler text this is filler text this is filler text this is filler +text<p></p> +</pre></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-208-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-208-ref.xht new file mode 100644 index 0000000000..d1b34714ca --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-208-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + body {margin: 0;} + + p + { + margin: 0; + padding: 2em 0 0 0; + position: relative; + } + + img + { + bottom: 0; + position: absolute; + right: 0; + } + ]]></style> + + </head> + + <body> + + <p><img src="support/diamond.png" alt="Image download support must be enabled" />There should be a single fuchsia diamond at the right of the viewport at the end of this line. </p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-208.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-208.xht new file mode 100644 index 0000000000..7a4c02ce79 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-bg-pos-208.xht @@ -0,0 +1,21 @@ +<!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: Background Position: bottom right and the viewport</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-04-20 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/bg-pos-6.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="match" href="background-bg-pos-208-ref.xht" /> + +<style type="text/css"><![CDATA[ + html { background: bottom right url(support/diamond.png) scroll white no-repeat; color: black; } + html, body { margin: 0; border: 0; padding: 0; } + p { margin: 2em 0 0 0; } +]]></style> + +</head> + +<body> +<p>There should be a single fuchsia diamond at the right of the viewport at the end of this line.</p></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-body-001-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-body-001-ref.xht new file mode 100644 index 0000000000..15890b0f5e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-body-001-ref.xht @@ -0,0 +1,35 @@ +<!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[ + html + { + background-color: green; + height: 100%; + } + + body {margin: 0px;} + + p + { + color: white; + margin: 0px; + padding: 30px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the background of this entire page is green.</p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-body-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-body-001.xht new file mode 100644 index 0000000000..a2abfff803 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-body-001.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: Background on body element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" /> + <link rel="match" href="background-body-001-ref.xht" /> + + <meta name="assert" content="Background of the body covers the entire canvas. Adding margin to body element to ensure that canvas background is green, and not just the root since in other cases, margin is not colored. This only applies if HTML element has nothing set for background." /> + <style type="text/css"> + body + { + background: green; + color: white; + margin: 30px; + } + </style> + </head> + <body> + <p>Test passes if the background of this entire page is green.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-body-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-body-002.xht new file mode 100644 index 0000000000..e2757ae333 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-body-002.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Background on body element - background-position</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Background of the body has the initial background-position of 0,0 and not the canvas. This only applies if HTML element has nothing set for background." /> + <style type="text/css"> + html + { + background: url("support/green_box.png") repeat-x; + margin: 1in; + } + </style> + </head> + <body> + <p>Test passes if this text is within the green box.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-body-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-body-003.xht new file mode 100644 index 0000000000..1d9f2ed128 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-body-003.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Background position propagation from body element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Background-position of the body does not propagate the position to the canvas. This only applies if HTML element has nothing set for background." /> + <style type="text/css"> + body + { + background: url("support/green_box.png") 1in 1in; + margin: 30px; + } + </style> + </head> + <body> + <p>Test passes if the background of this entire page is green.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-001-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-001-ref.xht new file mode 100644 index 0000000000..95d6ab883e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-001-ref.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + </head> + + <body> + + <p>Test passes if there is a <strong>filled green square</strong>.</p> + + <div><img src="support/swatch-green.png" width="100" height="100" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-001.xht new file mode 100644 index 0000000000..bd952404d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-001.xht @@ -0,0 +1,35 @@ +<!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: Background-color set to hex with 5 digits which is invalid</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-001-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="Background-color set to #00000 falls back to the initial value." /> + <style type="text/css"> + div + { + height: 100px; + width: 100px; + } + #wrapper + { + background-color: green; + } + #test + { + background-color: #00000; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div id="wrapper"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-002-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-002-ref.xht new file mode 100644 index 0000000000..b469a4cb8d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-002-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/000_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/000_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-002.xht new file mode 100644 index 0000000000..f9e7e77eac --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-002.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: Background-color set to hex with 6 digits with the minimum value, #000000</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #000000." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #000000; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-003-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-003-ref.xht new file mode 100644 index 0000000000..ecc99ecb07 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-003-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/010101_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/010101_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-003.xht new file mode 100644 index 0000000000..d804cddc69 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-003.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: Background-color set to hex with 6 digits with the minimum plus one value, #010101</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-003-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #010101." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #010101; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#010101 color swatch" src="support/010101_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-004-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-004-ref.xht new file mode 100644 index 0000000000..f0ae15aefb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-004-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/999_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/999_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-004.xht new file mode 100644 index 0000000000..f08f1a48df --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-004.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: Background-color set to hex with 6 digits with a nominal value #999999</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #999999." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #999999; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#999 color swatch" src="support/999_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-005-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-005-ref.xht new file mode 100644 index 0000000000..388bd8ab70 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-005-ref.xht @@ -0,0 +1,41 @@ +<!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[ + body {background-color: black;} + + p {color: white;} + + div {margin-top: 10px;} + + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/fefefe_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/fefefe_color.png" /> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-005.xht new file mode 100644 index 0000000000..616339f3f8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-005.xht @@ -0,0 +1,41 @@ +<!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: Background-color set to hex with 6 digits with the maximum minus one value of #fefefe</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-005-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #fefefe." /> + <style type="text/css"> + body + { + background-color: black; + } + p + { + color: white; + } + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #fefefe; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#fefefe color swatch" src="support/fefefe_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-006-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-006-ref.xht new file mode 100644 index 0000000000..5041fb87d3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-006-ref.xht @@ -0,0 +1,41 @@ +<!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[ + body {background-color: black;} + + p {color: white;} + + div {margin-top: 10px;} + + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/fff_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/fff_color.png" /> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-006.xht new file mode 100644 index 0000000000..137c5917e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-006.xht @@ -0,0 +1,41 @@ +<!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: Background-color set to hex with 6 digits with the maximum value of #ffffff</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-006-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #ffffff." /> + <style type="text/css"> + body + { + background-color: black; + } + p + { + color: white; + } + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #ffffff; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#fff color swatch" src="support/fff_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-007.xht new file mode 100644 index 0000000000..9b0b3e776f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-007.xht @@ -0,0 +1,35 @@ +<!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: Background-color set to hex with 6 digits with the maximum plus one value of #1000000 which is invalid</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-001-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="Background-color set to #1000000 falls back to the initial value." /> + <style type="text/css"> + div + { + height: 100px; + width: 100px; + } + #wrapper + { + background-color: green; + } + #test + { + background-color: #1000000; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div id="wrapper"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-008.xht new file mode 100644 index 0000000000..ca10f24176 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-008.xht @@ -0,0 +1,35 @@ +<!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: Background-color set to hex with 6 digits with the maximum plus one value of #fgfgfg which is invalid</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-001-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="Background-color set to #fgfgfg falls back to the initial value." /> + <style type="text/css"> + div + { + height: 100px; + width: 100px; + } + #wrapper + { + background-color: green; + } + #test + { + background-color: #fgfgfg; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div id="wrapper"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-009-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-009-ref.xht new file mode 100644 index 0000000000..e818c26885 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-009-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/010000_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/010000_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-009.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-009.xht new file mode 100644 index 0000000000..3e61aa61ff --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-009.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: Background-color set to hex with 6 digits with a red set to minimum plus one value, #010000</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-009-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #010000." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #010000; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#010000 color swatch" src="support/010000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-010-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-010-ref.xht new file mode 100644 index 0000000000..8dbab72574 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-010-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/900_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/900_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-010.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-010.xht new file mode 100644 index 0000000000..3939ed5260 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-010.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: Background-color set to hex with 6 digits with a red set to a nominal value, #990000</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-010-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #990000." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #990000; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#900 color swatch" src="support/900_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-011-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-011-ref.xht new file mode 100644 index 0000000000..9f4b87fd5e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-011-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/fe0000_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/fe0000_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-011.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-011.xht new file mode 100644 index 0000000000..a936230834 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-011.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: Background-color set to hex with 6 digits with a red set to maximum minus one value, #fe0000</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-011-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #fe0000." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #fe0000; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#fe0000 color swatch" src="support/fe0000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-012-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-012-ref.xht new file mode 100644 index 0000000000..59025f39b7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-012-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/f00_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/f00_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-012.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-012.xht new file mode 100644 index 0000000000..22979cf43f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-012.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: Background-color set to hex with 6 digits with a red set to the maximum value, #ff0000</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-012-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #ff0000." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #ff0000; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#f00 color swatch" src="support/f00_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-013-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-013-ref.xht new file mode 100644 index 0000000000..62226dacb9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-013-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img {width: 100%;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a wide filled green rectangle.</p> + + <div><img src="support/swatch-green.png" height="100" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-013.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-013.xht new file mode 100644 index 0000000000..454cf14c34 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-013.xht @@ -0,0 +1,34 @@ +<!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: Background-color set to hex with 6 digits with a red set to the maximum plus one value of #fg0000 which is invalid</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-013-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="Background-color set to #fg0000 is invalid and falls back to the initial value." /> + <style type="text/css"> + #test + { + height: 100px; + } + #wrapper + { + background-color: green; + } + #test + { + background-color: #fg0000; + } + </style> + </head> + <body> + <p>Test passes if there is a wide filled green rectangle.</p> + <div id="wrapper"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-014-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-014-ref.xht new file mode 100644 index 0000000000..cdfa33419c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-014-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/000100_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/000100_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-014.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-014.xht new file mode 100644 index 0000000000..8fb0710bae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-014.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: Background-color set to hex with 6 digits with a green set to minimum plus one value, #000100</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-014-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #000100." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #000100; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000100_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-015-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-015-ref.xht new file mode 100644 index 0000000000..150cb97303 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-015-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/090_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/090_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-015.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-015.xht new file mode 100644 index 0000000000..db83e5bccf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-015.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: Background-color set to hex with 6 digits with a green set to a nominal value, #009900</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-015-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #009900." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #009900; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#090 color swatch" src="support/090_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-016-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-016-ref.xht new file mode 100644 index 0000000000..60460bd998 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-016-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/00fe00_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/00fe00_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-016.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-016.xht new file mode 100644 index 0000000000..362219e26d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-016.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: Background-color set to hex with 6 digits with a green set to maximum minus one value, #00fe00</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-016-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #00fe00." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #00fe00; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#00fe00 color swatch" src="support/00fe00_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-017-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-017-ref.xht new file mode 100644 index 0000000000..3c84188199 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-017-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/0f0_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/0f0_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-017.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-017.xht new file mode 100644 index 0000000000..ea1bace5ab --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-017.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: Background-color set to hex with 6 digits with a green set to the maximum value, #00ff00</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-017-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #00ff00." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #00ff00; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#0f0 color swatch" src="support/0f0_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-018.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-018.xht new file mode 100644 index 0000000000..150ed16267 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-018.xht @@ -0,0 +1,34 @@ +<!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: Background-color set to hex with 6 digits with a green set to the maximum plus one value of #00fg00 is invalid</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-013-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="Background-color set to #00fg00 falls back to the initial value." /> + <style type="text/css"> + div + { + height: 100px; + } + #wrapper + { + background-color: green; + } + #test + { + background-color: #00fg00; + } + </style> + </head> + <body> + <p>Test passes if there is a wide filled green rectangle.</p> + <div id="wrapper"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-019-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-019-ref.xht new file mode 100644 index 0000000000..79ac025807 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-019-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/000001_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/000001_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-019.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-019.xht new file mode 100644 index 0000000000..5a9863aafa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-019.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: Background-color set to hex with 6 digits with a blue set to minimum plus one value, #000001</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-019-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #000001." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #000001; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000001 color swatch" src="support/000001_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-020-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-020-ref.xht new file mode 100644 index 0000000000..290b880fe8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-020-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/009_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/009_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-020.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-020.xht new file mode 100644 index 0000000000..863be8b6ca --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-020.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: Background-color set to hex with 6 digits with a blue set to a nominal value, #000099</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-020-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #000099." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #000099; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#009 color swatch" src="support/009_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-021-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-021-ref.xht new file mode 100644 index 0000000000..2c7402ed17 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-021-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/0000fe_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/0000fe_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-021.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-021.xht new file mode 100644 index 0000000000..0a7d39c4a8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-021.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: Background-color set to hex with 6 digits with a blue set to maximum minus one value, #0000fe</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-021-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #0000fe." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #0000fe; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#0000fe color swatch" src="support/0000fe_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-022-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-022-ref.xht new file mode 100644 index 0000000000..307427e5b7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-022-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/00f_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/00f_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-022.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-022.xht new file mode 100644 index 0000000000..3fb3f8a297 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-022.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: Background-color set to hex with 6 digits with a blue set to the maximum value, #0000ff</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-022-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #0000ff." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #0000ff; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#00f color swatch" src="support/00f_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-023.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-023.xht new file mode 100644 index 0000000000..703421aa51 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-023.xht @@ -0,0 +1,34 @@ +<!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: Background-color set to hex with 6 digits with a blue set to the maximum plus one value of #0000fg is invalid</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-013-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="Background-color set to #0000fg falls back to the initial value." /> + <style type="text/css"> + div + { + height: 100px; + } + #wrapper + { + background-color: green; + } + #test + { + background-color: #0000fg; + } + </style> + </head> + <body> + <p>Test passes if there is a wide filled green rectangle.</p> + <div id="wrapper"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-024.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-024.xht new file mode 100644 index 0000000000..8bac3c5147 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-024.xht @@ -0,0 +1,35 @@ +<!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: Background-color set to hex with 2 digits which is invalid</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-001-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="Background-color set to #00 falls back to the initial value." /> + <style type="text/css"> + div + { + height: 100px; + width: 100px; + } + #wrapper + { + background-color: green; + } + #test + { + background-color: #00; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div id="wrapper"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-025-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-025-ref.xht new file mode 100644 index 0000000000..b469a4cb8d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-025-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/000_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/000_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-025.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-025.xht new file mode 100644 index 0000000000..8a4cb82271 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-025.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: Background-color set to hex with 3 digits with the minimum possible value #000</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-025-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color set to #000 causes the background of the box to be black." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #000; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-026-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-026-ref.xht new file mode 100644 index 0000000000..0b2d2856df --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-026-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/111_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/111_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-026.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-026.xht new file mode 100644 index 0000000000..7d4ea13bcd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-026.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: Background-color set to hex with 3 digits with the minimum plus one value, #111</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-026-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #111." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #111; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#111 color swatch" src="support/111_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-027-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-027-ref.xht new file mode 100644 index 0000000000..f0ae15aefb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-027-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/999_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/999_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-027.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-027.xht new file mode 100644 index 0000000000..3aa1c98302 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-027.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: Background-color set to hex with 3 digits with a nominal value #999</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-027-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #999." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #999; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#999 color swatch" src="support/999_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-028-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-028-ref.xht new file mode 100644 index 0000000000..59a7fa02b7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-028-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/eee_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/eee_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-028.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-028.xht new file mode 100644 index 0000000000..1601d98e40 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-028.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: Background-color set to hex with 3 digits with the maximum minus one value of #eee</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-028-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #eee." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #eee; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#eee color swatch" src="support/eee_color.png" /> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-029-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-029-ref.xht new file mode 100644 index 0000000000..5041fb87d3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-029-ref.xht @@ -0,0 +1,41 @@ +<!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[ + body {background-color: black;} + + p {color: white;} + + div {margin-top: 10px;} + + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/fff_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/fff_color.png" /> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-029.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-029.xht new file mode 100644 index 0000000000..122fa11fcc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-029.xht @@ -0,0 +1,41 @@ +<!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: Background-color set to hex with 3 digits with the maximum value of #fff</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-029-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #fff." /> + <style type="text/css"> + body + { + background-color: black; + } + p + { + color: white; + } + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #fff; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#fff color swatch" src="support/fff_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-030.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-030.xht new file mode 100644 index 0000000000..050ad81401 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-030.xht @@ -0,0 +1,35 @@ +<!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: Background-color set to hex with 3 digits with the maximum plus one value of #1000 which is invalid</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-001-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="Background-color set to #1000 falls back to the initial value." /> + <style type="text/css"> + div + { + height: 100px; + width: 100px; + } + #wrapper + { + background-color: green; + } + #test + { + background-color: #1000; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div id="wrapper"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-031.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-031.xht new file mode 100644 index 0000000000..2f70a07272 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-031.xht @@ -0,0 +1,35 @@ +<!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: Background-color set to hex with 3 digits with the maximum plus one value of #ggg which is invalid</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-001-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="Background-color set to #ggg falls back to the initial value." /> + <style type="text/css"> + div + { + height: 100px; + width: 100px; + } + #wrapper + { + background-color: green; + } + #test + { + background-color: #ggg; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div id="wrapper"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-032-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-032-ref.xht new file mode 100644 index 0000000000..366b222e9b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-032-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/100_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/100_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-032.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-032.xht new file mode 100644 index 0000000000..5743e2b8e7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-032.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: Background-color set to hex with 3 digits with a red set to minimum plus one value, #100</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-032-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #100." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #100; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#100 color swatch" src="support/100_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-033-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-033-ref.xht new file mode 100644 index 0000000000..8dbab72574 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-033-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/900_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/900_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-033.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-033.xht new file mode 100644 index 0000000000..e6a12193d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-033.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: Background-color set to hex with 3 digits with a red set to a nominal value, #900</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-033-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #900." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #900; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#900 color swatch" src="support/900_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-034-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-034-ref.xht new file mode 100644 index 0000000000..9f135dc745 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-034-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/e00_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/e00_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-034.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-034.xht new file mode 100644 index 0000000000..278fcfce84 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-034.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: Background-color set to hex with 3 digits with a red set to maximum minus one value, #e00</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-034-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #e00." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #e00; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#e00 color swatch" src="support/e00_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-035-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-035-ref.xht new file mode 100644 index 0000000000..59025f39b7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-035-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/f00_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/f00_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-035.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-035.xht new file mode 100644 index 0000000000..0c8afb3de1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-035.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: Background-color set to hex with 3 digits with a red set to the maximum value, #f00</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-035-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #f00." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #f00; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#f00 color swatch" src="support/f00_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-036.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-036.xht new file mode 100644 index 0000000000..f9cf11a73b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-036.xht @@ -0,0 +1,34 @@ +<!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: Background-color set to hex with 3 digits with a red set to the maximum plus one value of #g00 is invalid</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-013-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="Background-color set to #g00 falls back to the initial value." /> + <style type="text/css"> + div + { + height: 100px; + } + #wrapper + { + background-color: green; + } + #test + { + background-color: #g00; + } + </style> + </head> + <body> + <p>Test passes if there is a wide filled green rectangle.</p> + <div id="wrapper"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-037-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-037-ref.xht new file mode 100644 index 0000000000..75cf4a2f34 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-037-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/010_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/010_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-037.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-037.xht new file mode 100644 index 0000000000..32daca17b8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-037.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: Background-color set to hex with 3 digits with a green set to minimum plus one value, #010</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-037-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color set to #010." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #010; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#010 color swatch" src="support/010_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-038-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-038-ref.xht new file mode 100644 index 0000000000..150cb97303 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-038-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/090_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/090_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-038.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-038.xht new file mode 100644 index 0000000000..76d4c9cb1f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-038.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: Background-color set to hex with 3 digits with a green set to a nominal value, #090</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-038-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color set to #090." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #090; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#090 color swatch" src="support/090_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-039-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-039-ref.xht new file mode 100644 index 0000000000..6d08ab5895 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-039-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/0e0_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/0e0_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-039.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-039.xht new file mode 100644 index 0000000000..944c66c622 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-039.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: Background-color set to hex with 3 digits with a green set to maximum minus one value, #0e0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-039-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color set to #0e0." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #0e0; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#0e0 color swatch" src="support/0e0_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-040-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-040-ref.xht new file mode 100644 index 0000000000..3c84188199 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-040-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/0f0_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/0f0_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-040.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-040.xht new file mode 100644 index 0000000000..998e8a8902 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-040.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: Background-color set to hex with 3 digits with a green set to the maximum value, #0f0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-040-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color set to #0f0." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #0f0; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#0f0 color swatch" src="support/0f0_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-041-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-041-ref.xht new file mode 100644 index 0000000000..389ae583ed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-041-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img {width: 100%;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a wide filled orange rectangle.</p> + + <div><img src="support/swatch-orange.png" height="100" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-041.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-041.xht new file mode 100644 index 0000000000..0ce51cca13 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-041.xht @@ -0,0 +1,34 @@ +<!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: Background-color set to hex with 3 digits with a green set to the maximum plus one value, #0g0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-041-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="Background-color set to #0g0 falls back to the initial value." /> + <style type="text/css"> + div + { + height: 100px; + } + #wrapper + { + background-color: orange; + } + #test + { + background-color: #0g0; + } + </style> + </head> + <body> + <p>Test passes if there is a wide filled orange rectangle.</p> + <div id="wrapper"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-042-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-042-ref.xht new file mode 100644 index 0000000000..916cd6647c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-042-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/001_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/001_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-042.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-042.xht new file mode 100644 index 0000000000..e8b3157665 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-042.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: Background-color set to hex with 3 digits with a blue set to minimum plus one value, #001</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-042-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #001." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #001; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#001 color swatch" src="support/001_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-043-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-043-ref.xht new file mode 100644 index 0000000000..290b880fe8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-043-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/009_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/009_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-043.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-043.xht new file mode 100644 index 0000000000..cbc4b0033a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-043.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: Background-color set to hex with 3 digits with a blue set to a nominal value, #009</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-043-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #009." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #009; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#009 color swatch" src="support/009_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-044-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-044-ref.xht new file mode 100644 index 0000000000..1435c39446 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-044-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/00e_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/00e_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-044.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-044.xht new file mode 100644 index 0000000000..a115c6d86d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-044.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: Background-color set to hex with 3 digits with a blue set to maximum minus one value, #00e</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-044-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #00e." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #00e; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#00e color swatch" src="support/00e_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-045-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-045-ref.xht new file mode 100644 index 0000000000..307427e5b7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-045-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/00f_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/00f_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-045.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-045.xht new file mode 100644 index 0000000000..4b98028bba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-045.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: Background-color set to hex with 3 digits with a blue set to the maximum value, #00f</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-045-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to #00f." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: #00f; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#00f color swatch" src="support/00f_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-046.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-046.xht new file mode 100644 index 0000000000..c32901c8cd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-046.xht @@ -0,0 +1,35 @@ +<!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: Background-color set to hex with 3 digits with a blue set to the maximum plus one value of #00g is invalid</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-001-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="Background-color set to #00g falls back to the initial value." /> + <style type="text/css"> + div + { + height: 100px; + width: 100px; + } + #wrapper + { + background-color: green; + } + #test + { + background-color: #00g; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div id="wrapper"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-047.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-047.xht new file mode 100644 index 0000000000..d02be6a049 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-047.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: Background-color set to rgb() using percentages with the minimum minus one value, rgb(-1%, -1%, -1%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image invalid" /> + <meta name="assert" content="Background-color set to rgb(-1%, -1%, -1%) truncates to a valid value." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(-1%, -1%, -1%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-048.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-048.xht new file mode 100644 index 0000000000..8b2b528230 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-048.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: Background-color set to rgb() using percentages with the minimum value, rgb(0%, 0%, 0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0%, 0%, 0%)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0%, 0%, 0%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-049-020202-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-049-020202-ref.xht new file mode 100644 index 0000000000..4b37e52103 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-049-020202-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="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <style type="text/css"><![CDATA[ + div + { + margin-top: 10px; + } + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> +</head> +<body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/020202_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/020202_color.png" /> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-049-030303-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-049-030303-ref.xht new file mode 100644 index 0000000000..f5381c0c0d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-049-030303-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="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <style type="text/css"><![CDATA[ + div + { + margin-top: 10px; + } + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> +</head> +<body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/030303_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/030303_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-049.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-049.xht new file mode 100644 index 0000000000..df0b832c22 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-049.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: Background-color set to rgb() using percentages with the minimum plus one value, rgb(1%, 1%, 1%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <!-- This test has 2 reference files to match rounding fractional color values up or down --> + <link rel="match" href="background-color-049-020202-ref.xht" /> + <link rel="match" href="background-color-049-030303-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Background-color is set to rgb(1%, 1%, 1%)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + #test + { + background-color: rgb(1%, 1%, 1%); + height: 100px; + width: 100px; + } + #reference + { + color: rgb(1%, 1%, 1%); + font: 100px/1 Ahem; + margin-top: 10px; + } + ]]></style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference">X</div> + </body> +</html> + diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-050.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-050.xht new file mode 100644 index 0000000000..b202b35f80 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-050.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: Background-color set to rgb() using percentages with the minimum value and minus sign, rgb(-0%, -0%, -0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(-0%, -0%, -0%)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(-0%, -0%, -0%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-051.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-051.xht new file mode 100644 index 0000000000..558ec9acc9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-051.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: Background-color set to rgb() using percentages with the minimum value and plus sign, rgb(+0%, +0%, +0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(+0%, +0%, +0%)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(+0%, +0%, +0%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-052-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-052-ref.xht new file mode 100644 index 0000000000..1e98cfe008 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-052-ref.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="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <style type="text/css"><![CDATA[ + div {margin-top: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> +</head> +<body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/666666_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/666666_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-052.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-052.xht new file mode 100644 index 0000000000..f8bc813559 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-052.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: Background-color set to rgb() using percentages with a nominal value, rgb(40%, 40%, 40%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-052-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Background-color is set to rgb(40%, 40%, 40%)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + #test + { + height: 100px; + width: 100px; + background-color: rgb(40%, 40%, 40%); + margin-bottom: 10px; + } + #reference + { + color: rgb(40%, 40%, 40%); + font: 100px/1 Ahem; + } + ]]></style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-053.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-053.xht new file mode 100644 index 0000000000..1ea427b28c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-053.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: Background-color set to rgb() using percentages with a nominal value and a plus sign, rgb(+40%, +40%, +40%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="ahem" /> + <link rel="match" href="background-color-052-ref.xht" /> + <meta name="assert" content="Background-color is set to rgb(+40%, +40%, +40%)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + #test + { + height: 100px; + width: 100px; + background-color: rgb(+40%, +40%, +40%); + margin-bottom: 10px; + } + #reference + { + color: rgb(+40%, +40%, +40%); + font: 100px/1 Ahem; + } + ]]></style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-054-fcfcfc-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-054-fcfcfc-ref.xht new file mode 100644 index 0000000000..6023756648 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-054-fcfcfc-ref.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 Reftest Reference</title> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <style type="text/css"><![CDATA[ + body + { + background-color: black; + color: white; + } + div + { + margin-top: 10px; + } + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> +</head> +<body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/fcfcfc_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/fcfcfc_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-054-fdfdfd-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-054-fdfdfd-ref.xht new file mode 100644 index 0000000000..58104c73c1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-054-fdfdfd-ref.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 Reftest Reference</title> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <style type="text/css"><![CDATA[ + body + { + background-color: black; + color: white; + } + div + { + margin-top: 10px; + } + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> +</head> +<body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/fdfdfd_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/fdfdfd_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-054.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-054.xht new file mode 100644 index 0000000000..27b1ea4d07 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-054.xht @@ -0,0 +1,40 @@ +<!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: Background-color set to rgb() using percentages with a maximum minus one value, rgb(99%, 99%, 99%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <!-- This test has 2 reference files to match rounding fractional color values up or down --> + <link rel="match" href="background-color-054-fcfcfc-ref.xht" /> + <link rel="match" href="background-color-054-fdfdfd-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Background-color is set to rgb(99%, 99%, 99%)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + body + { + background-color: black; + color: white; + } + #test + { + height: 100px; + width: 100px; + background-color: rgb(99%, 99%, 99%); + } + #reference + { + color: rgb(99%, 99%, 99%); + font: 100px/1 Ahem; + margin-top: 10px; + } + ]]></style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-055.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-055.xht new file mode 100644 index 0000000000..d8a148340f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-055.xht @@ -0,0 +1,41 @@ +<!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: Background-color set to rgb() using percentages with a maximum value, rgb(100%, 100%, 100%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-006-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(100%, 100%, 100%)." /> + <style type="text/css"> + body + { + background-color: black; + } + p + { + color: white; + } + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(100%, 100%, 100%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#fff color swatch" src="support/fff_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-056.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-056.xht new file mode 100644 index 0000000000..21eccce3d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-056.xht @@ -0,0 +1,41 @@ +<!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: Background-color set to rgb() using percentages with plus sign on each maximum value, rgb(+100%, +100%, +100%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-006-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(+100%, +100%, +100%)." /> + <style type="text/css"> + body + { + background-color: black; + } + p + { + color: white; + } + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(+100%, +100%, +100%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#fff color swatch" src="support/fff_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-057.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-057.xht new file mode 100644 index 0000000000..5645c50bf5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-057.xht @@ -0,0 +1,41 @@ +<!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: Background-color set to rgb() using percentages with a maximum plus one value, rgb(101%, 101%, 101%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-006-ref.xht" /> + + <meta name="flags" content="image invalid" /> + <meta name="assert" content="Background-color set to rgb(101%, 101%, 101%) truncates to a valid value." /> + <style type="text/css"> + body + { + background-color: black; + } + p + { + color: white; + } + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(101%, 101%, 101%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#fff color swatch" src="support/fff_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-058.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-058.xht new file mode 100644 index 0000000000..020f3fd2d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-058.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: Background-color set to rgb() using integers with the minimum minus one value, rgb(-1, -1, -1)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image invalid" /> + <meta name="assert" content="Background-color set to rgb(-1, -1, -1) truncates to a valid value." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(-1, -1, -1); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-059.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-059.xht new file mode 100644 index 0000000000..d40c24df75 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-059.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: Background-color set to rgb() using integers with the minimum value, rgb(0, 0, 0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0, 0, 0)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0, 0, 0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-060.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-060.xht new file mode 100644 index 0000000000..99d8156ef3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-060.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: Background-color set to rgb() using integers with the minimum plus one value, rgb(1, 1, 1)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-003-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(1, 1, 1)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(1, 1, 1); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#010101 color swatch" src="support/010101_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-061.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-061.xht new file mode 100644 index 0000000000..b0a262ea5a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-061.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: Background-color set to rgb() using integers with the minimum value and minus sign, rgb(-0, -0, -0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(-0, -0, -0)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(-0, -0, -0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-062.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-062.xht new file mode 100644 index 0000000000..17e0cfe633 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-062.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: Background-color set to rgb() using integers with the minimum value and plus sign, rgb(+0, +0, +0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(+0, +0, +0)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(+0, +0, +0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-063-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-063-ref.xht new file mode 100644 index 0000000000..43cbdd9099 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-063-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/808080_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/808080_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-063.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-063.xht new file mode 100644 index 0000000000..ac2a142808 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-063.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: Background-color set to rgb() using integers with a nominal value, rgb(128, 128, 128)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-063-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(128, 128, 128)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(128, 128, 128); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#808080 color swatch" src="support/808080_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-064.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-064.xht new file mode 100644 index 0000000000..e5bff1b70d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-064.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: Background-color set to rgb() using integers with a nominal value and a plus sign, rgb(+128, +128, +128)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-063-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(+128, +128, +128)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(+128, +128, +128); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#808080 color swatch" src="support/808080_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-065.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-065.xht new file mode 100644 index 0000000000..12118419b8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-065.xht @@ -0,0 +1,41 @@ +<!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: Background-color set to rgb() using integers with a maximum minus one value, rgb(254, 254, 254)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-005-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(254, 254, 254)." /> + <style type="text/css"> + body + { + background-color: black; + } + p + { + color: white; + } + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(254, 254, 254); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#fefefe color swatch" src="support/fefefe_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-066.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-066.xht new file mode 100644 index 0000000000..a35205fb83 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-066.xht @@ -0,0 +1,41 @@ +<!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: Background-color set to rgb() using integers with a maximum value, rgb(255, 255, 255)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-006-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(255, 255, 255)." /> + <style type="text/css"> + body + { + background-color: black; + } + p + { + color: white; + } + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(255, 255, 255); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#fff color swatch" src="support/fff_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-067.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-067.xht new file mode 100644 index 0000000000..4f3f9cbc23 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-067.xht @@ -0,0 +1,41 @@ +<!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: Background-color set to rgb() using integers with a maximum value and a plus sign, rgb(+255, +255, +255)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-006-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(+255, +255, +255)." /> + <style type="text/css"> + body + { + background-color: black; + } + p + { + color: white; + } + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(+255, +255, +255); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#fff color swatch" src="support/fff_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-068.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-068.xht new file mode 100644 index 0000000000..4408739508 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-068.xht @@ -0,0 +1,41 @@ +<!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: Background-color set to rgb() using integers with a maximum plus one value, rgb(256, 256, 256)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-006-ref.xht" /> + + <meta name="flags" content="image invalid" /> + <meta name="assert" content="Background-color set to rgb(256, 256, 256) truncates to a valid value." /> + <style type="text/css"> + body + { + background-color: black; + } + p + { + color: white; + } + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(256, 256, 256); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#fff color swatch" src="support/fff_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-069.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-069.xht new file mode 100644 index 0000000000..d8c1a5991c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-069.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: Background-color set to rgb() using percentages with red set to the minimum minus one value, rgb(-1%, 0%, 0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image invalid" /> + <meta name="assert" content="Background-color set to rgb(-1%, 0%, 0%) truncates to a valid value." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(-1%, 0%, 0%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-070-020000-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-070-020000-ref.xht new file mode 100644 index 0000000000..b60b3c17e0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-070-020000-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="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <style type="text/css"><![CDATA[ + div + { + margin-top: 10px; + } + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> +</head> +<body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/020000_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/020000_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-070-030000-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-070-030000-ref.xht new file mode 100644 index 0000000000..97ab0b2a04 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-070-030000-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="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <style type="text/css"><![CDATA[ + div + { + margin-top: 10px; + } + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> +</head> +<body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/030000_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/030000_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-070.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-070.xht new file mode 100644 index 0000000000..5982e24d4b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-070.xht @@ -0,0 +1,35 @@ +<!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: Background-color set to rgb() using percentages with red set to the minimum plus one value, rgb(1%, 0%, 0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <!-- This test has 2 reference files to match rounding fractional color values up or down --> + <link rel="match" href="background-color-070-020000-ref.xht" /> + <link rel="match" href="background-color-070-030000-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Background-color is set to rgb(1%, 0%, 0%)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + #test + { + height: 100px; + width: 100px; + background-color: rgb(1%, 0%, 0%); + } + #reference + { + color: rgb(1%, 0%, 0%); + font: 100px/1 Ahem; + margin-top: 10px; + } + ]]></style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-071.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-071.xht new file mode 100644 index 0000000000..2b04f969d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-071.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: Background-color set to rgb() using percentages with red set to the minimum value and minus sign, rgb(-0%, 0%, 0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(-0%, 0%, 0%)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(-0%, 0%, 0%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-072.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-072.xht new file mode 100644 index 0000000000..b8d5642519 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-072.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: Background-color set to rgb() using percentages with red set to the minimum value and plus sign, rgb(+0%, 0%, 0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(+0%, 0%, 0%)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(+0%, 0%, 0%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-073-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-073-ref.xht new file mode 100644 index 0000000000..3c4b5c2af0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-073-ref.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="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <style type="text/css"><![CDATA[ + div {margin-top: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> +</head> +<body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/660000_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/660000_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-073.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-073.xht new file mode 100644 index 0000000000..3ccae5540b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-073.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: Background-color set to rgb() using percentages with red set to a nominal value, rgb(40%, 0%, 0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="ahem" /> + <link rel="match" href="background-color-073-ref.xht" /> + <meta name="assert" content="Background-color is set to rgb(40%, 0%, 0%)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + #test + { + height: 100px; + width: 100px; + background-color: rgb(40%, 0%, 0%); + margin-bottom: 10px; + } + #reference + { + color: rgb(40%, 0%, 0%); + font: 100px/1 Ahem; + } + ]]></style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-074.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-074.xht new file mode 100644 index 0000000000..c37912b9dd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-074.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: Background-color set to rgb() using percentages with red set to a nominal value with a plus sign, rgb(+40%, 0%, 0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="ahem" /> + <link rel="match" href="background-color-073-ref.xht" /> + <meta name="assert" content="Background-color is set to rgb(+40%, 0%, 0%)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + #test + { + height: 100px; + width: 100px; + background-color: rgb(+40%, 0%, 0%); + margin-bottom: 10px; + } + #reference + { + color: rgb(+40%, 0%, 0%); + font: 100px/1 Ahem; + } + ]]></style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-075-fc0000-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-075-fc0000-ref.xht new file mode 100644 index 0000000000..7cfa6f5b93 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-075-fc0000-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="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <style type="text/css"><![CDATA[ + div + { + margin-top: 10px; + } + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> +</head> +<body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/fc0000_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/fc0000_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-075-fd0000-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-075-fd0000-ref.xht new file mode 100644 index 0000000000..77c1d9a5ac --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-075-fd0000-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="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <style type="text/css"><![CDATA[ + div + { + margin-top: 10px; + } + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> +</head> +<body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/fd0000_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/fd0000_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-075.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-075.xht new file mode 100644 index 0000000000..0a1bc875f9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-075.xht @@ -0,0 +1,35 @@ +<!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: Background-color set to rgb() using percentages with red set to a maximum minus one value, rgb(99%, 0%, 0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <!-- This test has 2 reference files to match rounding fractional color values up or down --> + <link rel="match" href="background-color-075-fc0000-ref.xht" /> + <link rel="match" href="background-color-075-fd0000-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Background-color is set to rgb(99%, 0%, 0%)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + #test + { + height: 100px; + width: 100px; + background-color: rgb(99%, 0%, 0%); + } + #reference + { + color: rgb(99%, 0%, 0%); + font: 100px/1 Ahem; + margin-top: 10px; + } + ]]></style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-076.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-076.xht new file mode 100644 index 0000000000..0dc3c451b1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-076.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: Background-color set to rgb() using percentages with red set to a maximum value, rgb(100%, 0%, 0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-012-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(100%, 0%, 0%)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(100%, 0%, 0%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#f00 color swatch" src="support/f00_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-077.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-077.xht new file mode 100644 index 0000000000..f5a8449a58 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-077.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: Background-color set to rgb() using percentages with red set to a maximum value with a plus sign, rgb(+100%, 0%, 0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-012-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(+100%, 0%, 0%)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(+100%, 0%, 0%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#f00 color swatch" src="support/f00_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-078.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-078.xht new file mode 100644 index 0000000000..4fd825bd75 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-078.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: Background-color set to rgb() using percentages with red set to a maximum plus one value, rgb(101%, 0%, 0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-012-ref.xht" /> + + <meta name="flags" content="image invalid" /> + <meta name="assert" content="Background-color is set to rgb(101%, 0%, 0%)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(101%, 0%, 0%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#f00 color swatch" src="support/f00_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-079.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-079.xht new file mode 100644 index 0000000000..62a6ad79b4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-079.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: Background-color set to rgb() using integers with red set to the minimum minus one value, rgb(-1, 0, 0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image invalid" /> + <meta name="assert" content="Background-color set to rgb(-1, 0, 0) truncates to a valid value." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(-1, 0, 0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-080.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-080.xht new file mode 100644 index 0000000000..e0a77a7e64 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-080.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: Background-color set to rgb() using integers with red set to the minimum plus one value, rgb(1, 0, 0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-009-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(1, 0, 0)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(1, 0, 0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#010000 color swatch" src="support/010000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-081.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-081.xht new file mode 100644 index 0000000000..a558636a55 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-081.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: Background-color set to rgb() using integers with red set to the minimum value with a minus sign, rgb(-0, 0, 0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(-0, 0, 0)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(-0, 0, 0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-082.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-082.xht new file mode 100644 index 0000000000..65dccc485f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-082.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: Background-color set to rgb() using integers with red set to the minimum value with a plus sign, rgb(+0, 0, 0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(+0, 0, 0)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(+0, 0, 0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-083-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-083-ref.xht new file mode 100644 index 0000000000..05116ff480 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-083-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/800000_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/800000_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-083.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-083.xht new file mode 100644 index 0000000000..46a0a56508 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-083.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: Background-color set to rgb() using integers with red set to a nominal value, rgb(128, 0, 0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-083-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(128, 0, 0)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(128, 0, 0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#800000 color swatch" src="support/800000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-084.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-084.xht new file mode 100644 index 0000000000..a25685035c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-084.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: Background-color set to rgb() using integers with red set to a nominal value with a plus sign, rgb(+128, 0, 0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-083-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(+128, 0, 0)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(+128, 0, 0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#800000 color swatch" src="support/800000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-085.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-085.xht new file mode 100644 index 0000000000..e20926d643 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-085.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: Background-color set to rgb() using integers with red set to a maximum minus one value, rgb(254, 0, 0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-011-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(254, 0, 0)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(254, 0, 0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#fe0000 color swatch" src="support/fe0000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-086.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-086.xht new file mode 100644 index 0000000000..95ed289032 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-086.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: Background-color set to rgb() using integers with red set to a maximum value, rgb(255, 0, 0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-012-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(255, 0, 0)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(255, 0, 0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#f00 color swatch" src="support/f00_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-087.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-087.xht new file mode 100644 index 0000000000..3b73262061 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-087.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: Background-color set to rgb() using integers with red set to a maximum value with a plus sign, rgb(+255, 0, 0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-012-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(+255, 0, 0)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(+255, 0, 0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#f00 color swatch" src="support/f00_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-088.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-088.xht new file mode 100644 index 0000000000..7a4cadfa70 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-088.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: Background-color set to rgb() using integers with red set to a maximum plus one value, rgb(256, 0, 0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-012-ref.xht" /> + + <meta name="flags" content="image invalid" /> + <meta name="assert" content="Background-color set to rgb(256, 0, 0) truncates to a valid value." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(256, 0, 0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#f00 color swatch" src="support/f00_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-089.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-089.xht new file mode 100644 index 0000000000..d21b7fe0c1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-089.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: Background-color set to rgb() using percentages with green set to the minimum minus one value, rgb(0%, -1%, 0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image invalid" /> + <meta name="assert" content="Background-color set to rgb(0%, -1%, 0%) truncates to a valid value." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0%, -1%, 0%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-090-000200-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-090-000200-ref.xht new file mode 100644 index 0000000000..1e43bfad1c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-090-000200-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="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <style type="text/css"><![CDATA[ + div + { + margin-top: 10px; + } + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> +</head> +<body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/000200_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/000200_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-090-000300-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-090-000300-ref.xht new file mode 100644 index 0000000000..6a072d9954 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-090-000300-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="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <style type="text/css"><![CDATA[ + div + { + margin-top: 10px; + } + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> +</head> +<body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/000300_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/000300_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-090.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-090.xht new file mode 100644 index 0000000000..59f63dde33 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-090.xht @@ -0,0 +1,35 @@ +<!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: Background-color set to rgb() using percentages with green set to the minimum plus one value, rgb(0%, 1%, 0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <!-- This test has 2 reference files to match rounding fractional color values up or down --> + <link rel="match" href="background-color-090-000200-ref.xht" /> + <link rel="match" href="background-color-090-000300-ref.xht" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0%, 1%, 0%)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + #test + { + height: 100px; + width: 100px; + background-color: rgb(0%, 1%, 0%); + } + #reference + { + color: rgb(0%, 1%, 0%); + font: 100px/1 Ahem; + margin-top: 10px; + } + ]]></style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-091.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-091.xht new file mode 100644 index 0000000000..2d6ce46188 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-091.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: Background-color set to rgb() using percentages with green set to the minimum value and minus sign, rgb(0%, -0%, 0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0%, -0%, 0%)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0%, -0%, 0%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-092.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-092.xht new file mode 100644 index 0000000000..5c9a4e08a0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-092.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: Background-color set to rgb() using percentages with green set to the minimum value and plus sign, rgb(0%, +0%, 0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0%, +0%, 0%)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0%, +0%, 0%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-093-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-093-ref.xht new file mode 100644 index 0000000000..280c4e5405 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-093-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="Rebecca Hauck" href="mailto:rhauck@adobe.com"/> + <meta name="flags" content="image"/> + <style type="text/css"><![CDATA[ + div {margin-top: 10px;} + + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> +</head> +<body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/006600_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/006600_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-093.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-093.xht new file mode 100644 index 0000000000..dae3822cae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-093.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: Background-color set to rgb() using percentages with green set to a nominal value, rgb(0%, 40%, 0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="ahem" /> + <link rel="match" href="background-color-093-ref.xht" /> + <meta name="assert" content="Background-color is set to rgb(0%, 40%, 0%)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + #test + { + height: 100px; + width: 100px; + background-color: rgb(0%, 40%, 0%); + margin-bottom: 10px; + } + #reference + { + color: rgb(0%, 40%, 0%); + font: 100px/1 Ahem; + } + ]]></style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-094.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-094.xht new file mode 100644 index 0000000000..a5b31906b8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-094.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: Background-color set to rgb() using percentages with green set to a nominal value with a plus sign, rgb(0%, +40%, 0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="ahem" /> + <link rel="match" href="background-color-093-ref.xht" /> + <meta name="assert" content="Background-color is set to rgb(0%, +40%, 0%)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + #test + { + height: 100px; + width: 100px; + background-color: rgb(0%, +40%, 0%); + margin-bottom: 10px; + } + #reference + { + color: rgb(0%, +40%, 0%); + font: 100px/1 Ahem; + } + ]]></style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-095-00fc00-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-095-00fc00-ref.xht new file mode 100644 index 0000000000..d1d9355d9b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-095-00fc00-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="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <style type="text/css"><![CDATA[ + div + { + margin-top: 10px; + } + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> +</head> +<body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/00fc00_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/00fc00_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-095-00fd00-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-095-00fd00-ref.xht new file mode 100644 index 0000000000..e5dec694c4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-095-00fd00-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="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <style type="text/css"><![CDATA[ + div + { + margin-top: 10px; + } + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> +</head> +<body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/00fd00_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/00fd00_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-095.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-095.xht new file mode 100644 index 0000000000..ad19592bb8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-095.xht @@ -0,0 +1,35 @@ +<!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: Background-color set to rgb() using percentages with green set to a maximum minus one value, rgb(0%, 99%, 0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <!-- This test has 2 reference files to match rounding fractional color values up or down --> + <link rel="match" href="background-color-095-00fc00-ref.xht" /> + <link rel="match" href="background-color-095-00fd00-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Background-color is set to rgb(0%, 99%, 0%)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + #test + { + height: 100px; + width: 100px; + background-color: rgb(0%, 99%, 0%); + } + #reference + { + color: rgb(0%, 99%, 0%); + font: 100px/1 Ahem; + margin-top: 10px; + } + ]]></style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-096.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-096.xht new file mode 100644 index 0000000000..baa9de190c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-096.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: Background-color set to rgb() using percentages with green set to a maximum value, rgb(0%, 100%, 0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-017-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0%, 100%, 0%)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0%, 100%, 0%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#0f0 color swatch" src="support/0f0_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-097.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-097.xht new file mode 100644 index 0000000000..37d949ac4e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-097.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: Background-color set to rgb() using percentages with green set to a maximum value with a plus sign, rgb(0%, +100%, 0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-017-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0%, +100%, 0%)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0%, +100%, 0%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#0f0 color swatch" src="support/0f0_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-098.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-098.xht new file mode 100644 index 0000000000..7a258faa4c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-098.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: Background-color set to rgb() using percentages with green set to a maximum plus one value, rgb(0%, 101%, 0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-017-ref.xht" /> + + <meta name="flags" content="image invalid" /> + <meta name="assert" content="Background-color set to rgb(0%, 101%, 0%) truncates to a valid value." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0%, 101%, 0%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#0f0 color swatch" src="support/0f0_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-099.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-099.xht new file mode 100644 index 0000000000..c13af740a7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-099.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: Background-color set to rgb() using integers with green set to the minimum minus one value, rgb(0, -1, 0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image invalid" /> + <meta name="assert" content="Background-color set to rgb(-1, 0, 0) truncates to a valid value." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0, -1, 0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-100.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-100.xht new file mode 100644 index 0000000000..86544845c9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-100.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: Background-color set to rgb() using integers with green set to the minimum plus one value, rgb(0, 1, 0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-014-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color set to rgb(0, 1, 0)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0, 1, 0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000100_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-101.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-101.xht new file mode 100644 index 0000000000..7bb78cedf5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-101.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: Background-color set to rgb() using integers with green set to the minimum value with a minus sign, rgb(0, -0, 0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0, -0, 0)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0, -0, 0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-102.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-102.xht new file mode 100644 index 0000000000..3ae143328d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-102.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: Background-color set to rgb() using integers with green set to the minimum value with a plus sign, rgb(0, +0, 0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0, +0, 0)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0, +0, 0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-103-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-103-ref.xht new file mode 100644 index 0000000000..934fcd6da6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-103-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/008000_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/008000_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-103.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-103.xht new file mode 100644 index 0000000000..93306085ce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-103.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: Background-color set to rgb() using integers with green set to a nominal value, rgb(0, 128, 0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-103-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0, 128, 0)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0, 128, 0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#008000 color swatch" src="support/008000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-104.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-104.xht new file mode 100644 index 0000000000..049f2bbf08 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-104.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: Background-color set to rgb() using integers with green set to a nominal value with a plus sign, rgb(0, +128, 0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-103-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0, +128, 0)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0, +128, 0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#008000 color swatch" src="support/008000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-105.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-105.xht new file mode 100644 index 0000000000..f6847924d0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-105.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: Background-color set to rgb() using integers with green set to a maximum minus one value, rgb(0, 254, 0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-016-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0, 254, 0)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0, 254, 0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#00fe00 color swatch" src="support/00fe00_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-106.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-106.xht new file mode 100644 index 0000000000..9bcabb32d8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-106.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: Background-color set to rgb() using integers with green set to a maximum value, rgb(0, 255, 0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-017-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0, 255, 0)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0, 255, 0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#0f0 color swatch" src="support/0f0_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-107.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-107.xht new file mode 100644 index 0000000000..b690bfd486 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-107.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: Background-color set to rgb() using integers with green set to a maximum value with a plus sign, rgb(0, +255, 0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-017-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0, +255, 0)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0, +255, 0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#0f0 color swatch" src="support/0f0_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-108.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-108.xht new file mode 100644 index 0000000000..14f2e5664e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-108.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: Background-color set to rgb() using integers with green set to a maximum plus one value, rgb(0, 256 0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-017-ref.xht" /> + + <meta name="flags" content="image invalid" /> + <meta name="assert" content="Background-color set to rgb(0, 256, 0) properly truncates to a valid value." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0, 256, 0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#0f0 color swatch" src="support/0f0_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-109.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-109.xht new file mode 100644 index 0000000000..224c8285f9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-109.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: Background-color set to rgb() using percentages with blue set to the minimum minus one value, rgb(0%, 0%, -1%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image invalid" /> + <meta name="assert" content="Background-color set to rgb(0%, 0%, -1%) truncates to a valid value." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0%, 0%, -1%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-110-000002-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-110-000002-ref.xht new file mode 100644 index 0000000000..ce7525c80b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-110-000002-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="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <style type="text/css"><![CDATA[ + div + { + margin-top: 10px; + } + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> +</head> +<body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/000002_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/000002_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-110-000003-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-110-000003-ref.xht new file mode 100644 index 0000000000..b6e2f8a8c3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-110-000003-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="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <style type="text/css"><![CDATA[ + div + { + margin-top: 10px; + } + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> +</head> +<body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/000003_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/000003_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-110.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-110.xht new file mode 100644 index 0000000000..1c298ccc97 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-110.xht @@ -0,0 +1,35 @@ +<!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: Background-color set to rgb() using percentages with blue set to the minimum plus one value, rgb(0%, 0%, 1%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <!-- This test has 2 reference files to match rounding fractional color values up or down --> + <link rel="match" href="background-color-110-000002-ref.xht" /> + <link rel="match" href="background-color-110-000003-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Background-color is set to rgb(0%, 0%, 1%)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + #test + { + height: 100px; + width: 100px; + background-color: rgb(0%, 0%, 1%); + } + #reference + { + color: rgb(0%, 0%, 1%); + font: 100px/1 Ahem; + margin-top: 10px; + } + ]]></style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-111.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-111.xht new file mode 100644 index 0000000000..b1c1d4a347 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-111.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: Background-color set to rgb() using percentages with blue set to the minimum value and minus sign, rgb(0%, 0%, -0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0%, 0%, -0%)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0%, 0%, -0%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-112.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-112.xht new file mode 100644 index 0000000000..094c0dbcac --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-112.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: Background-color set to rgb() using percentages with blue set to the minimum value and plus sign, rgb(0%, 0%, +0%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0%, 0%, +0%)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0%, 0%, +0%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-113-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-113-ref.xht new file mode 100644 index 0000000000..120857be31 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-113-ref.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="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <style type="text/css"><![CDATA[ + div {margin-top: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> +</head> +<body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/000066_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/000066_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-113.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-113.xht new file mode 100644 index 0000000000..b8245d5476 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-113.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: Background-color set to rgb() using percentages with blue set to a nominal value, rgb(0%, 0%, 40%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="ahem" /> + <link rel="match" href="background-color-113-ref.xht" /> + <meta name="assert" content="Background-color is set to rgb(0%, 0%, 40%)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + #test + { + height: 100px; + width: 100px; + background-color: rgb(0%, 0%, 40%); + margin-bottom: 10px; + } + #reference + { + color: rgb(0%, 0%, 40%); + font: 100px/1 Ahem; + } + ]]></style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-114.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-114.xht new file mode 100644 index 0000000000..cd27c6e521 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-114.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: Background-color set to rgb() using percentages with blue set to a nominal value with a plus sign, rgb(0%, 0%, +40%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="ahem" /> + <link rel="match" href="background-color-113-ref.xht" /> + <meta name="assert" content="Background-color is set to rgb(0%, 0%, +40%)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + #test + { + height: 100px; + width: 100px; + background-color: rgb(0%, 0%, +40%); + margin-bottom: 10px; + } + #reference + { + color: rgb(0%, 0%, +40%); + font: 100px/1 Ahem; + } + ]]></style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-115-0000fc-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-115-0000fc-ref.xht new file mode 100644 index 0000000000..55590fcccb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-115-0000fc-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="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <style type="text/css"><![CDATA[ + div + { + margin-top: 10px; + } + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> +</head> +<body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/0000fc_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/0000fc_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-115-0000fd-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-115-0000fd-ref.xht new file mode 100644 index 0000000000..83a5e96e60 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-115-0000fd-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="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <style type="text/css"><![CDATA[ + div + { + margin-top: 10px; + } + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> +</head> +<body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/0000fd_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/0000fd_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-115.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-115.xht new file mode 100644 index 0000000000..25903e56b7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-115.xht @@ -0,0 +1,35 @@ +<!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: Background-color set to rgb() using percentages with blue set to a maximum minus one value, rgb(0%, 0%, 99%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <!-- This test has 2 reference files to match rounding fractional color values up or down --> + <link rel="match" href="background-color-115-0000fc-ref.xht" /> + <link rel="match" href="background-color-115-0000fd-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Background-color is set to rgb(0%, 0%, 99%)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + #test + { + height: 100px; + width: 100px; + background-color: rgb(0%, 0%, 99%); + } + #reference + { + color: rgb(0%, 0%, 99%); + font: 100px/1 Ahem; + margin-top: 10px; + } + ]]></style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-116.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-116.xht new file mode 100644 index 0000000000..db6901457f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-116.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: Background-color set to rgb() using percentages with blue set to a maximum value, rgb(0%, 0%, 100%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-022-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0%, 0%, 100%)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0%, 0%, 100%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#00f color swatch" src="support/00f_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-117.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-117.xht new file mode 100644 index 0000000000..75b7f5b93a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-117.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: Background-color set to rgb() using percentages with blue set to a maximum value with a plus sign, rgb(0%, 0%, +100%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-022-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0%, 0%, +100%)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0%, 0%, +100%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#00f color swatch" src="support/00f_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-118.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-118.xht new file mode 100644 index 0000000000..f97e581e7a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-118.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: Background-color set to rgb() using percentages with blue set to a maximum plus one value, rgb(0%, 0%, 101%)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-022-ref.xht" /> + + <meta name="flags" content="image invalid" /> + <meta name="assert" content="Background-color set to rgb(0%, 0%, 101%) truncates to a valid value." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0%, 0%, 101%); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#00f color swatch" src="support/00f_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-119.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-119.xht new file mode 100644 index 0000000000..f70540f3b5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-119.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: Background-color set to rgb() using integers with blue set to the minimum minus one value, rgb(0, 0, -1)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image invalid" /> + <meta name="assert" content="Background-color set to rgb(0, 0, -1) truncates to a valid value." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0, 0, -1); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-120.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-120.xht new file mode 100644 index 0000000000..f220efe571 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-120.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: Background-color set to rgb() using integers with blue set to the minimum plus one value, rgb(0, 0, 1)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-019-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0, 0, 1)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0, 0, 1); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000001 color swatch" src="support/000001_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-121.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-121.xht new file mode 100644 index 0000000000..0ef996e767 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-121.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: Background-color set to rgb() using integers with blue set to the minimum value with a minus sign, rgb(0, 0, -0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0, 0, -0)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0, 0, -0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-122.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-122.xht new file mode 100644 index 0000000000..a244421750 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-122.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: Background-color set to rgb() using integers with blue set to the minimum value with a plus sign, rgb(0, 0, +0)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0, 0, +0)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0, 0, +0); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-123-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-123-ref.xht new file mode 100644 index 0000000000..68617d2c43 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-123-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/000080_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/000080_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-123.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-123.xht new file mode 100644 index 0000000000..c8a7dd9ccf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-123.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: Background-color set to rgb() using integers with blue set to a nominal value, rgb(0, 0, 128)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-123-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0, 0, 128)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0, 0, 128); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000080 color swatch" src="support/000080_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-124.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-124.xht new file mode 100644 index 0000000000..896f2eb2e0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-124.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: Background-color set to rgb() using integers with blue set to a nominal value with a plus sign, rgb(0, 0, +128)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-123-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0, 0, +128)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0, 0, +128); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000080 color swatch" src="support/000080_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-125.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-125.xht new file mode 100644 index 0000000000..8630cfee44 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-125.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: Background-color set to rgb() using integers with blue set to a maximum minus one value, rgb(0, 0, 254)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-021-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0, 0, 254)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0, 0, 254); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#0000fe color swatch" src="support/0000fe_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-126.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-126.xht new file mode 100644 index 0000000000..4a86576053 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-126.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: Background-color set to rgb() using integers with blue set to a maximum value, rgb(0, 0, 255)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-022-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0, 0, 255)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0, 0, 255); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#00f color swatch" src="support/00f_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-127.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-127.xht new file mode 100644 index 0000000000..98bc089214 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-127.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: Background-color set to rgb() using integers with blue set to a maximum value with a plus sign, rgb(0, 0, +255)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-022-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color is set to rgb(0, 0, +255)." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0, 0, +255); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#00f color swatch" src="support/00f_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-128.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-128.xht new file mode 100644 index 0000000000..b673363127 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-128.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: Background-color set to rgb() using integers with blue set to a maximum plus one value, rgb(0, 0, 256)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-022-ref.xht" /> + + <meta name="flags" content="image invalid" /> + <meta name="assert" content="Background-color set to rgb(0, 0, 256) properly truncates to a valid value." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: rgb(0, 0, 256); + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#00f color swatch" src="support/00f_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-129-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-129-ref.xht new file mode 100644 index 0000000000..bf2a612ed0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-129-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/aqua_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/aqua_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-129.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-129.xht new file mode 100644 index 0000000000..a1d79af99a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-129.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: Background-color set to aqua</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-129-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color set to aqua causes the background-color of the box to be aqua." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: aqua; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="aqua color swatch" src="support/aqua_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-130.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-130.xht new file mode 100644 index 0000000000..7373a3f8fb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-130.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: Background-color set to black</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color set to black causes the background-color of the box to be black." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: black; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000 color swatch" src="support/000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-131.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-131.xht new file mode 100644 index 0000000000..942862b0e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-131.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: Background-color set to blue</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-022-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color set to blue causes the background-color of the box to be blue." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: blue; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#00f color swatch" src="support/00f_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-132-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-132-ref.xht new file mode 100644 index 0000000000..9d6a313268 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-132-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/fuchsia_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/fuchsia_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-132.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-132.xht new file mode 100644 index 0000000000..898cc691af --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-132.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: Background-color set to fuchsia</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-132-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color set to fuchsia causes the background-color of the box to be fuchsia." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: fuchsia; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="fuchsia color swatch" src="support/fuchsia_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-133.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-133.xht new file mode 100644 index 0000000000..06552a649c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-133.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: Background-color set to gray</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-063-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color set to gray causes the background-color of the box to be gray." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: gray; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#808080 color swatch" src="support/808080_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-134.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-134.xht new file mode 100644 index 0000000000..08511a73bc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-134.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: Background-color set to green</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-103-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color set to green causes the background of the box to be green." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: green; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#008000 color swatch" src="support/008000_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-135-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-135-ref.xht new file mode 100644 index 0000000000..aa547b0a54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-135-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/swatch-lime.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/swatch-lime.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-135.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-135.xht new file mode 100644 index 0000000000..64a92f9003 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-135.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: Background-color set to lime</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-135-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color set to lime causes the background-color of the box to be lime." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: lime; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="lime color swatch" src="support/swatch-lime.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-136-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-136-ref.xht new file mode 100644 index 0000000000..c3382a769a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-136-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/maroon_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/maroon_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-136.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-136.xht new file mode 100644 index 0000000000..a9aed04919 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-136.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: Background-color set to maroon</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-136-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color set to maroon causes the background-color of the box to be maroon." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: maroon; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="maroon color swatch" src="support/maroon_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-137.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-137.xht new file mode 100644 index 0000000000..a965f8cbd2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-137.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: Background-color set to navy</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-123-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color set to navy causes the background-color of the box to be navy." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: navy; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#000080 color swatch" src="support/000080_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-138-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-138-ref.xht new file mode 100644 index 0000000000..832375425c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-138-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/olive_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/olive_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-138.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-138.xht new file mode 100644 index 0000000000..e438b2eea3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-138.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: Background-color set to olive</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-138-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color set to olive causes the background-color of the box to be olive." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: olive; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="olive color swatch" src="support/olive_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-139-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-139-ref.xht new file mode 100644 index 0000000000..587737848b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-139-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/orange15x15.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/orange15x15.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-139.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-139.xht new file mode 100644 index 0000000000..28f21aeb18 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-139.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: Background-color set to orange</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-139-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color set to orange causes the background-color of the box to be orange." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: orange; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div> + <img alt="orange color swatch" src="support/orange15x15.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-140-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-140-ref.xht new file mode 100644 index 0000000000..056f8e4dcf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-140-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/purple_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/purple_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-140.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-140.xht new file mode 100644 index 0000000000..40dd350214 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-140.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: Background-color set to purple</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-140-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color set to purple causes the background-color of the box to be purple." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: purple; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="purple color swatch" src="support/purple_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-141.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-141.xht new file mode 100644 index 0000000000..b393f22b43 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-141.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: Background-color set to red</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-012-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color set to red causes the background-color of the box to be red." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: red; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#f00 color swatch" src="support/f00_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-142-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-142-ref.xht new file mode 100644 index 0000000000..3f7ffb2f2b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-142-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/silver_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/silver_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-142.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-142.xht new file mode 100644 index 0000000000..db2aaa4630 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-142.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: Background-color set to silver</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-142-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color set to silver causes the background-color of the box to be silver." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: silver; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="silver color swatch" src="support/silver_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-143-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-143-ref.xht new file mode 100644 index 0000000000..70c54ff1a9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-143-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/teal_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/teal_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-143.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-143.xht new file mode 100644 index 0000000000..b0c0e2e1bc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-143.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: Background-color set to teal</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-143-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color set to teal causes the background-color of the box to be teal." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: teal; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="teal color swatch" src="support/teal_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-144.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-144.xht new file mode 100644 index 0000000000..f1668fd6d3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-144.xht @@ -0,0 +1,41 @@ +<!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: Background-color set to white</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-006-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color set to white causes the background-color of the box to be white." /> + <style type="text/css"> + body + { + background-color: black; + } + p + { + color: white; + } + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: white; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="#fff color swatch" src="support/fff_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-145-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-145-ref.xht new file mode 100644 index 0000000000..1d05b5f071 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-145-ref.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 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: 10px;} + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + + <div> + <img alt="Image download support must be enabled" src="support/yellow_color.png" /> + </div> + + <div> + <img alt="Image download support must be enabled" src="support/yellow_color.png" /> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-145.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-145.xht new file mode 100644 index 0000000000..3afa2192b8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-145.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: Background-color set to yellow</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-145-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-color set to yellow causes the background-color of the box to be yellow." /> + <style type="text/css"> + img, #test + { + height: 100px; + width: 100px; + } + #test + { + background-color: yellow; + margin-bottom: 10px; + } + </style> + </head> + <body> + <p>Test passes if there are 2 squares with the <strong>same color</strong>.</p> + <div id="test"></div> + <div id="reference"> + <img alt="yellow color swatch" src="support/yellow_color.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-174.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-174.xht new file mode 100644 index 0000000000..35aa83c6cb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-174.xht @@ -0,0 +1,34 @@ +<!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: Background-color set to transparent</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-001-ref.xht" /> + + <meta name="assert" content="Background-color is set to transparent." /> + <style type="text/css"> + div + { + height: 100px; + width: 100px; + } + #wrapper + { + background-color: green; + } + #test + { + background-color: transparent; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div id="wrapper"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-175-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-175-ref.xht new file mode 100644 index 0000000000..3b320296ae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-175-ref.xht @@ -0,0 +1,35 @@ +<!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 + { + border: black solid 10px; + width: 100px; + } + + img + { + height: 100px; + vertical-align: top; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the hollow black square is filled completely by a green background.</p> + + <div><img alt="Image download support must be enabled" src="support/1x1-green.png" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-175.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-175.xht new file mode 100644 index 0000000000..624c15dbcb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-175.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: Background-color set to inherit</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-175-ref.xht" /> + + <meta name="assert" content="Background-color set to inherit causes the background-color of the box to be the background-color designated on the parent element." /> + <style type="text/css"> + div + { + height: 100px; + width: 100px; + } + #wrapper + { + background-color: green; + } + #test + { + border: 10px solid; + background-color: red; + background-color: inherit; + } + </style> + </head> + <body> + <p>Test passes if the hollow black square is filled completely by a green background.</p> + <div id="wrapper"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-001.xht new file mode 100644 index 0000000000..b0df009aa2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-001.xht @@ -0,0 +1,55 @@ +<!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: Background-color applied to elements with 'display' set to 'table-row-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'table-row-group'." /> + <style type="text/css"> + #test + { + display: table-row-group; + background-color: black; + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-002.xht new file mode 100644 index 0000000000..81c41ff1a3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-002.xht @@ -0,0 +1,54 @@ +<!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: Background-color applied to elements with 'display' set to 'table-header-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'table-header-group'." /> + <style type="text/css"> + #test + { + display: table-header-group; + background-color: black; + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-003.xht new file mode 100644 index 0000000000..798420197b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-003.xht @@ -0,0 +1,55 @@ +<!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: Background-color applied to elements with 'display' set to 'table-footer-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'table-footer-group'." /> + <style type="text/css"> + #test + { + display: table-footer-group; + background-color: black; + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-004.xht new file mode 100644 index 0000000000..5d8626c70f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-004.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"> + <head> + <title>CSS Test: Background-color applied to elements with 'display' set to 'table-row'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'table-row'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + background-color: black; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-005.xht new file mode 100644 index 0000000000..0b695d10b9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-005.xht @@ -0,0 +1,59 @@ +<!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: Background-color applied to elements with 'display' set to 'table-column-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'table-column-group'." /> + <style type="text/css"> + #test + { + display: table-column-group; + background-color: black; + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + + .col + { + display: table-column; + } + + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div id="test"><div class="col"></div><div class="col"></div></div> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-006.xht new file mode 100644 index 0000000000..6a0d8a1f3f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-006.xht @@ -0,0 +1,56 @@ +<!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: Background-color applied to elements with 'display' set to 'table-column'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'table-column'." /> + <style type="text/css"> + #test + { + display: table-column; + background-color: black; + width: 1in; + } + #table + { + display: table; + table-layout: fixed; + width: 2in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + + div.cell + div.cell {color: white;} + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div id="test"></div> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-007.xht new file mode 100644 index 0000000000..2b9b0dcc53 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-007.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: Background-color applied to elements with 'display' set to 'table-cell'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'table-cell'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + background-color: black; + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div id="table"> + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-008.xht new file mode 100644 index 0000000000..13fda972e6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-008.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 Test: Background-color applied to elements with 'display' set to 'inline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'inline'." /> + <style type="text/css"> + div + { + background-color: black; + display: inline; + } + </style> + </head> + <body> + <p>Test passes if the box below is black.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-009.xht new file mode 100644 index 0000000000..9bfedd19b7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-009.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 Test: Background-color applied to elements with 'display' set to 'block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'block'." /> + <style type="text/css"> + span + { + background-color: black; + display: block; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-010.xht new file mode 100644 index 0000000000..aabfe22b35 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-010.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: Background-color applied to elements with 'display' set to 'list-item'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'list-item'." /> + <style type="text/css"> + div + { + background-color: black; + display: list-item; + height: 1in; + margin-left: 2em; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square and a marker bullet on its left-hand side.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-012.xht new file mode 100644 index 0000000000..195c323dce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-012.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: Background-color applied to elements with 'display' set to 'inline-block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'inline-block'." /> + <style type="text/css"> + span#inline-block + { + background-color: black; + display: inline-block; + width: 1in; + } + + span.block-descendant + { + display: block; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div> + <span id="inline-block"> + <span class="block-descendant">a</span> + <span class="block-descendant">b</span> + </span> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-013.xht new file mode 100644 index 0000000000..3a029102fd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-013.xht @@ -0,0 +1,45 @@ +<!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: Background-color applied to elements with 'display' set to 'table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'table'." /> + <style type="text/css"> + #table + { + background-color: black; + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-014.xht new file mode 100644 index 0000000000..16a726df28 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-014.xht @@ -0,0 +1,45 @@ +<!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: Background-color applied to elements with 'display' set to 'inline-table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'inline-table'." /> + <style type="text/css"> + #table + { + background-color: black; + display: inline-table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-015.xht new file mode 100644 index 0000000000..0bccf47906 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-color-applies-to-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: Background-color applied to elements with 'display' set to 'table-caption'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'table-caption'." /> + <style type="text/css"> + #table + { + display: table; + } + #caption + { + background-color: black; + display: table-caption; + height: 1in; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div id="table"> + <div id="caption"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-001.xht new file mode 100644 index 0000000000..14cbbb6922 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-001.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Background over content</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="assert" content="Background covers the content of the box." /> + <style type="text/css"> + div + { + background: orange; + } + </style> + </head> + <body> + <p>Test passes if the box below is orange.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-002.xht new file mode 100644 index 0000000000..5380636a1d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-002.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 Test: Background over padding</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="assert" content="Background covers the padding of the box." /> + <style type="text/css"> + div + { + background: orange; + border: solid black; + padding: 30px; + } + </style> + </head> + <body> + <p>Test passes if the box below is orange with a black border.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-003.xht new file mode 100644 index 0000000000..dfb8c8efdb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-003.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 Test: Background over border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="assert" content="Background covers the border of the box." /> + <style type="text/css"> + div + { + background: orange; + border: dotted black; + margin: 30px; + } + </style> + </head> + <body> + <p>Test passes if the background of the "Filler Text" and the space between the dots in the border are orange.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-004.xht new file mode 100644 index 0000000000..53ba9ea37a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-cover-004.xht @@ -0,0 +1,27 @@ +<!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: Background over margin</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="assert" content="Background does not color the margin." /> + <style type="text/css"> + #div1 + { + border: solid black; + } + div div + { + background: orange; + margin: 30px; + } + </style> + </head> + <body> + <p>Test passes if there is an orange bar within a white area within a wide hollow black rectangle.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-html-body-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-html-body-001.xht new file mode 100644 index 0000000000..807c0de0cf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-html-body-001.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: Background on html and body element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="assert" content="Background of the html element is the canvas's background even if body background is set." /> + <style type="text/css"> + html + { + background: green; + } + body + { + background: blue; + color: white; + } + </style> + </head> + <body> + <p>Test passes if the background of the entire page is green and there is a blue bar.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-iframes-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-iframes-001.xht new file mode 100644 index 0000000000..37e1df8971 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-iframes-001.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> + <head> + <title>CSS Test: Transparent IFrames</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/iframes/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" /> + <meta name="assert" content="An IFRAME's canvas is transparent."/> + <style type="text/css"> + * { background: transparent; margin: 0; padding: 0; } + body { padding: 1em; } + p { margin: 1em; color: green; } + iframe { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; } + </style> + </head> + <body> + <p>PASS</p> + <iframe src="support/background-iframes-001.html"><p>XXXX FAIL</p></iframe> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-001.xht new file mode 100644 index 0000000000..f196d0b81f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-001.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 Test: Background-image set to 'none'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-image set to 'none' does not set an image as the background." /> + <style type="text/css"> + div + { + background-image: url("support/red_box.png"); + } + #test + { + background-image: none; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="test"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-002.xht new file mode 100644 index 0000000000..285d7efcc3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-002.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 Test: Background-image set using the url() function</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-color-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-image set to uri causes the image to be rendered as the background of the box." /> + <style type="text/css"> + div + { + background-image: url("support/green_box.png"); + height: 100px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-003.xht new file mode 100644 index 0000000000..5054d5390b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-003.xht @@ -0,0 +1,35 @@ +<!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: Background-image set to 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-image set to 'inherit' causes the container to use the background image of its parent." /> + <style type="text/css"> + #div1 + { + background-image: url("support/green_box.png"); + height: 0; + width: 0; + } + #test + { + background-color: red; + background-image: inherit; + height: 100px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + <div id="div1"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-005.xht new file mode 100644 index 0000000000..6f93a8bafd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-005.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> + <head> + <title>CSS Test: Parsing 'background-image'</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-04-21 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/core-syntax/005.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" /> + <link rel="match" href="../reference/ref-this-text-should-be-green.xht" /> + + <meta name="flags" content="invalid"/> + <style type="text/css"><![CDATA[ + body { color: green; } + p { background-image: url(support/swatch-red.png) repeat; } + ]]></style> + </head> + <body> + <p>This text should be green.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-001.xht new file mode 100644 index 0000000000..0f4d19d85d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-001.xht @@ -0,0 +1,56 @@ +<!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: Background-image applied to elements with 'display' set to 'table-row-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'table-row-group'." /> + <style type="text/css"> + #test + { + display: table-row-group; + background-image: url('support/black15x15.png'); + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-002.xht new file mode 100644 index 0000000000..0b807c69cb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-002.xht @@ -0,0 +1,56 @@ +<!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: Background-image applied to elements with 'display' set to 'table-header-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'table-header-group'." /> + <style type="text/css"> + #test + { + display: table-header-group; + background-image: url('support/black15x15.png'); + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-003.xht new file mode 100644 index 0000000000..a821270854 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-003.xht @@ -0,0 +1,56 @@ +<!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: Background-image applied to elements with 'display' set to 'table-footer-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'table-footer-group'." /> + <style type="text/css"> + #test + { + display: table-footer-group; + background-image: url('support/black15x15.png'); + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-004.xht new file mode 100644 index 0000000000..442d35eac1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-004.xht @@ -0,0 +1,48 @@ +<!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: Background-image applied to elements with 'display' set to 'table-row'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'table-row'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + background-image: url('support/black15x15.png'); + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-005.xht new file mode 100644 index 0000000000..62957f3c39 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-005.xht @@ -0,0 +1,60 @@ +<!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: Background-image applied to elements with 'display' set to 'table-column-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'table-column-group'." /> + <style type="text/css"> + #test + { + display: table-column-group; + background-image: url('support/black15x15.png'); + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + + .col + { + display: table-column; + } + + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div id="test"><div class="col"></div><div class="col"></div></div> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-006.xht new file mode 100644 index 0000000000..276e7eb5a8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-006.xht @@ -0,0 +1,57 @@ +<!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: Background-image applied to elements with 'display' set to 'table-column'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'table-column'." /> + <style type="text/css"> + #test + { + display: table-column; + background-image: url('support/black15x15.png'); + width: 1in; + } + #table + { + display: table; + table-layout: fixed; + width: 2in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + + div.cell + div.cell {color: white;} + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div id="test"></div> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-007.xht new file mode 100644 index 0000000000..fae0656932 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-007.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: Background-image applied to elements with 'display' set to 'table-cell'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'table-cell'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + background-image: url('support/black15x15.png'); + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div id="table"> + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-008.xht new file mode 100644 index 0000000000..725f72599f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-008.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: Background-image applied to elements with 'display' set to 'inline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'inline'." /> + <style type="text/css"> + div + { + background-image: url('support/black15x15.png'); + display: inline; + } + </style> + </head> + <body> + <p>Test passes if there is a short black stripe.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-009.xht new file mode 100644 index 0000000000..f981964b33 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-009.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 Test: Background-image applied to elements with 'display' set to 'block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'block'." /> + <style type="text/css"> + span + { + background-image: url('support/black15x15.png'); + display: block; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-010.xht new file mode 100644 index 0000000000..6d0785d2f3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-010.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 Test: Background-image applied to elements with 'display' set to 'list-item'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'list-item'." /> + <style type="text/css"> + div + { + background-image: url('support/black15x15.png'); + display: list-item; + height: 1in; + margin-left: 2em; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square and a marker bullet on its left-hand side.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-012.xht new file mode 100644 index 0000000000..2b0e922e17 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-012.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 Test: Background-image applied to elements with 'display' set to 'inline-block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'inline-block'." /> + <style type="text/css"> + span#inline-block + { + background-image: url('support/black15x15.png'); + display: inline-block; + width: 1in; + } + + span.block-descendant + { + display: block; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div> + <span id="inline-block"> + <span class="block-descendant">a</span> + <span class="block-descendant">b</span> + </span> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-013.xht new file mode 100644 index 0000000000..96e5d058c0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-013.xht @@ -0,0 +1,46 @@ +<!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: Background-image applied to elements with 'display' set to 'table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'table'." /> + <style type="text/css"> + #table + { + background-image: url('support/black15x15.png'); + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-014.xht new file mode 100644 index 0000000000..b18f72b87d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-014.xht @@ -0,0 +1,46 @@ +<!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: Background-image applied to elements with 'display' set to 'inline-table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-27 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'inline-table'." /> + <style type="text/css"> + #table + { + background-image: url('support/black15x15.png'); + display: inline-table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-015.xht new file mode 100644 index 0000000000..d2829c2c55 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-applies-to-015.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: Background-image applied to elements with 'display' set to 'table-caption'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'table-caption'." /> + <style type="text/css"> + #table + { + display: table; + } + #caption + { + background-image: url('support/black15x15.png'); + display: table-caption; + height: 1in; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div id="table"> + <div id="caption"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-001.xht new file mode 100644 index 0000000000..11ce8fb090 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-001.xht @@ -0,0 +1,21 @@ +<!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: Background-image tiling over content</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Background-image tiling covers the content of the box." /> + <style type="text/css"> + div + { + background-image: url("support/blue15x15.png"); + } + </style> + </head> + <body> + <p>Test passes if there is a blue bar.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-002-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-002-ref.xht new file mode 100644 index 0000000000..ee3203b113 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-002-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 + { + border: black solid medium; + height: 260px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a big hollow black rectangle filled with a blue background.</p> + + <div><img src="support/blue15x15.png" width="100%" height="100%" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-002.xht new file mode 100644 index 0000000000..1182a7466b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-002.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 Test: Background-image tiling over padding</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-image-cover-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-image tiling covers the padding of the box." /> + <style type="text/css"> + div + { + background-image: url("support/blue15x15.png"); + border: solid black; + height: 200px; + padding: 30px; + } + </style> + </head> + <body> + <p>Test passes if there is a big hollow black rectangle filled with a blue background.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-003.xht new file mode 100644 index 0000000000..b7e31c5305 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-003.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: Background-image tiling over border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Background-image tiling covers the border of the box." /> + <style type="text/css"> + div + { + background: url("support/orange15x15.png"); + border: 10px dotted black; + margin: 30px; + } + </style> + </head> + <body> + <p>Test passes if the background of the "Filler Text" is orange, everything within the black border as well as the spaces between the dots of the border.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-004-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-004-ref.xht new file mode 100644 index 0000000000..35dbc37abb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-004-ref.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="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border: black solid medium; + height: 200px; + margin: 30px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the big hollow black rectange is completely filled with a blue background. There is no blue outside the black border.</p> + + <div><img src="support/blue15x15.png" width="100%" height="100%" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-004.xht new file mode 100644 index 0000000000..88ca03960d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-004.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 Test: Background-image tiling over margin</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-image-cover-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-image tiling does not color the margin." /> + <style type="text/css"> + div + { + background-image: url("support/blue15x15.png"); + border: solid black; + height: 200px; + margin: 30px; + } + </style> + </head> + <body> + <p>Test passes if the big hollow black rectange is completely filled with a blue background. There is no blue outside the black border.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-attachment-001-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-attachment-001-ref.xht new file mode 100644 index 0000000000..e93c831aeb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-attachment-001-ref.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="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border: black solid medium; + height: 216px; + margin: 30px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the big hollow black rectangle is completely filled with a blue background. There is no blue outside the black border.</p> + + <div><img src="support/blue15x15.png" width="100%" height="100%" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-attachment-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-attachment-001.xht new file mode 100644 index 0000000000..6c1370c1ba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-cover-attachment-001.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 Test: Background-image tiling over margin with fixed background-attachment</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-image-cover-attachment-001-ref.xht" /> + + <meta name="fuzzy" content="maxDifference=0-1;totalPixels=0-15" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Background-image tiling does not color the margin regardless of background-attachment." /> + <style type="text/css"> + div + { + background-image: url("support/blue15x15.png"); + background-attachment: fixed; + border: solid black; + height: 216px; + margin: 30px; + } + </style> + </head> + <body> + <p>Test passes if the big hollow black rectangle is completely filled with a blue background. There is no blue outside the black border.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-image-transparency-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-transparency-001.xht new file mode 100644 index 0000000000..b3c4661e3b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-image-transparency-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: Transparent background-image with background-color</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-image set to a transparent image causes the 'background-color' to shine through." /> + <style type="text/css"> + div + { + background-image: url("support/transparent_green.png"); + background-color: #008000; + height: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green rectangle across the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-001.xht new file mode 100644 index 0000000000..7d185f4a58 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-001.xht @@ -0,0 +1,66 @@ +<!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: Background Intrinsic Sizes: No intrinsic size</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size"/> + <link rel="match" href="background-intrinsic-ref.xht"/> + <meta name="flags" content="svg" /> + <meta name="assert" content="A background image with no intrinsic size covers + the entire padding box." /> + <style type="text/css"> + /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */ + div { + position: relative; + } + .cover, .limit { + width: 120px; + height: 120px; + margin: 0.5em; + background: green; /* Used to match reference; remove for debugging. */ + } + .control { + position: absolute; + top: 10px; bottom: 10px; + left: 10px; right: 30px; + } + .cover .control { + background: red; + } + .limit .control { + background: green; + } + .test { + /* 80x100 bgpos area */ + height: 80px; + width: 60px; + padding: 10px; + /* 100 x 120 bgpaint area */ + border: 10px solid transparent; + } + + /* Test */ + .cover .test { + background: no-repeat url(support/green-intrinsic-none.svg); + } + .limit .test { + background: no-repeat url(support/red-intrinsic-none.svg); + } + </style> + </head> + <body> + <p>There must be two green boxes below and no red.</p> + + <div class="cover"> + <div class="control"></div> + <div class="test"></div> + </div> + + <div class="limit"> + <div class="test"></div> + <div class="control"></div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-002.xht new file mode 100644 index 0000000000..dfc8436e3b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-002.xht @@ -0,0 +1,68 @@ +<!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: Background Intrinsic Sizes: Intrinsic Width</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size"/> + <link rel="match" href="background-intrinsic-ref.xht"/> + <meta name="flags" content="svg" /> + <meta name="assert" content="A background image with only an intrinsic width + covers its intrinsic width and the height of the padding box." /> + <style type="text/css"> + /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */ + div { + position: relative; + } + .cover, .limit { + width: 120px; + height: 120px; + margin: 0.5em; + background: green; /* Used to match reference; remove for debugging. */ + } + .control { + position: absolute; + top: 10px; bottom: 10px; + left: 10px; right: 30px; + } + .cover .control { + background: red; + } + .limit .control { + background: green; + } + .test { + /* 80x100 bgpos area */ + height: 80px; + width: 60px; + padding: 10px; + border: 10px solid transparent; + } + + /* Test */ + .cover .test { + background: no-repeat url(support/green-intrinsic-width.svg); + } + .limit .test { + background: no-repeat url(support/red-intrinsic-width.svg); + } + .control { + width: 60px; + } + </style> + </head> + <body> + <p>There must be two green boxes below and no red.</p> + + <div class="cover"> + <div class="control"></div> + <div class="test"></div> + </div> + + <div class="limit"> + <div class="test"></div> + <div class="control"></div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-003.xht new file mode 100644 index 0000000000..9084bbb3fc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-003.xht @@ -0,0 +1,68 @@ +<!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: Background Intrinsic Sizes: Intrinsic Height</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size"/> + <link rel="match" href="background-intrinsic-ref.xht"/> + <meta name="flags" content="svg" /> + <meta name="assert" content="A background image with only an intrinsic height + covers its intrinsic height and the width of the padding box." /> + <style type="text/css"> + /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */ + div { + position: relative; + } + .cover, .limit { + width: 120px; + height: 120px; + margin: 0.5em; + background: green; /* Used to match reference; remove for debugging. */ + } + .control { + position: absolute; + top: 10px; bottom: 10px; + left: 10px; right: 30px; + } + .cover .control { + background: red; + } + .limit .control { + background: green; + } + .test { + /* 80x100 bgpos area */ + height: 80px; + width: 60px; + padding: 10px; + border: 10px solid transparent; + } + + /* Test */ + .cover .test { + background: no-repeat url(support/green-intrinsic-height.svg); + } + .limit .test { + background: no-repeat url(support/red-intrinsic-height.svg); + } + .control { + height: 60px; + } + </style> + </head> + <body> + <p>There must be two green boxes below and no red.</p> + + <div class="cover"> + <div class="control"></div> + <div class="test"></div> + </div> + + <div class="limit"> + <div class="test"></div> + <div class="control"></div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-004.xht new file mode 100644 index 0000000000..75f550c63c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-004.xht @@ -0,0 +1,72 @@ +<!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: Background Intrinsic Sizes: Intrinsic Ratio (Match Heights)</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size"/> + <link rel="match" href="background-intrinsic-ref.xht"/> + <meta name="flags" content="may svg" /> + <meta name="assert" content="A background image with only an intrinsic ratio + covers largest rectangle at that ratio that exceeds neither the height nor + width of the background positioning area." /> + <style type="text/css"> + /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */ + div { + position: relative; + } + .cover, .limit { + width: 120px; + height: 120px; + margin: 0.5em; + background: green; /* Used to match reference; remove for debugging. */ + } + .control { + position: absolute; + top: 10px; bottom: 10px; + left: 10px; right: 30px; + } + .cover .control { + background: red; + } + .limit .control { + background: green; + } + .test { + /* 80x100 bgpos area */ + height: 80px; + width: 60px; + padding: 10px; + border: 10px solid transparent; + } + + /* Test */ + .cover .test { + background: no-repeat url(support/green-intrinsic-ratio-portrait.svg); + } + .limit .test { + background: no-repeat url(support/red-intrinsic-ratio-portrait.svg); + } + .cover .control { + width: 66px; + } + .limit .control { + width: 67px; + } + </style> + </head> + <body> + <p>There must be two green boxes below and no red.</p> + + <div class="cover"> + <div class="control"></div> + <div class="test"></div> + </div> + + <div class="limit"> + <div class="test"></div> + <div class="control"></div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-005.xht new file mode 100644 index 0000000000..d9b67d8995 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-005.xht @@ -0,0 +1,72 @@ +<!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: Background Intrinsic Sizes: Intrinsic Ratio (Match Widths)</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size"/> + <link rel="match" href="background-intrinsic-ref.xht"/> + <meta name="flags" content="may svg" /> + <meta name="assert" content="A background image with only an intrinsic ratio + covers largest rectangle at that ratio that exceeds neither the height nor + width of the background positioning area." /> + <style type="text/css"> + /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */ + div { + position: relative; + } + .cover, .limit { + width: 120px; + height: 120px; + margin: 0.5em; + background: green; /* Used to match reference; remove for debugging. */ + } + .control { + position: absolute; + top: 10px; bottom: 10px; + left: 10px; right: 30px; + } + .cover .control { + background: red; + } + .limit .control { + background: green; + } + .test { + /* 80x100 bgpos area */ + height: 80px; + width: 60px; + padding: 10px; + border: 10px solid transparent; + } + + /* Test */ + .cover .test { + background: no-repeat url(support/green-intrinsic-ratio-landscape.svg); + } + .limit .test { + background: no-repeat url(support/red-intrinsic-ratio-landscape.svg); + } + .cover .control { + height: 53px; + } + .limit .control { + height: 54px; + } + </style> + </head> + <body> + <p>There must be two green boxes below and no red.</p> + + <div class="cover"> + <div class="control"></div> + <div class="test"></div> + </div> + + <div class="limit"> + <div class="test"></div> + <div class="control"></div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-006.xht new file mode 100644 index 0000000000..2bd15f8713 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-006.xht @@ -0,0 +1,70 @@ +<!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: Background Intrinsic Sizes: Intrinsic Percentage Width and Height</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size"/> + <link rel="match" href="background-intrinsic-ref.xht"/> + <meta name="flags" content="svg" /> + <meta name="assert" content="A background image with only an intrinsic ratio + covers largest rectangle at that ratio that exceeds neither the height nor + width of the background positioning area." /> + <style type="text/css"> + /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */ + div { + position: relative; + } + .cover, .limit { + width: 120px; + height: 120px; + margin: 0.5em; + background: green; /* Used to match reference; remove for debugging. */ + } + .control { + position: absolute; + top: 10px; bottom: 10px; + left: 10px; right: 30px; + } + .cover .control { + background: red; + } + .limit .control { + background: green; + } + .test { + /* 80x100 bgpos area */ + height: 80px; + width: 60px; + padding: 10px; + border: 10px solid transparent; + } + + /* Test */ + .cover .test { + background: no-repeat url(support/green-intrinsic-width-pc-height-pc.svg); + } + .limit .test { + background: no-repeat url(support/red-intrinsic-width-pc-height-pc.svg); + } + .control { + width: 32px; + height: 60px; + } + </style> + </head> + <body> + <p>There must be two green boxes below and no red.</p> + + <div class="cover"> + <div class="control"></div> + <div class="test"></div> + </div> + + <div class="limit"> + <div class="test"></div> + <div class="control"></div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-007.xht new file mode 100644 index 0000000000..1fcf1d91be --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-007.xht @@ -0,0 +1,69 @@ +<!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: Background Intrinsic Sizes: Intrinsic Width and Ratio</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size"/> + <link rel="match" href="background-intrinsic-ref.xht"/> + <meta name="flags" content="svg" /> + <meta name="assert" content="A missing background image height is calculated + from the width and the ratio." /> + <style type="text/css"> + /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */ + div { + position: relative; + } + .cover, .limit { + width: 120px; + height: 120px; + margin: 0.5em; + background: green; /* Used to match reference; remove for debugging. */ + } + .control { + position: absolute; + top: 10px; bottom: 10px; + left: 10px; right: 30px; + } + .cover .control { + background: red; + } + .limit .control { + background: green; + } + .test { + /* 80x100 bgpos area */ + height: 80px; + width: 60px; + padding: 10px; + border: 10px solid transparent; + } + + /* Test */ + .cover .test { + background: no-repeat url(support/green-intrinsic-width-ratio.svg); + } + .limit .test { + background: no-repeat url(support/red-intrinsic-width-ratio.svg); + } + .control { + width: 40px; + height: 60px; + } + </style> + </head> + <body> + <p>There must be two green boxes below and no red.</p> + + <div class="cover"> + <div class="control"></div> + <div class="test"></div> + </div> + + <div class="limit"> + <div class="test"></div> + <div class="control"></div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-008.xht new file mode 100644 index 0000000000..b85da4b9a4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-008.xht @@ -0,0 +1,69 @@ +<!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: Background Intrinsic Sizes: Intrinsic Height and Ratio</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size"/> + <link rel="match" href="background-intrinsic-ref.xht"/> + <meta name="flags" content="svg" /> + <meta name="assert" content="A missing background image width is calculated + from the height and the ratio." /> + <style type="text/css"> + /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */ + div { + position: relative; + } + .cover, .limit { + width: 120px; + height: 120px; + margin: 0.5em; + background: green; /* Used to match reference; remove for debugging. */ + } + .control { + position: absolute; + top: 10px; bottom: 10px; + left: 10px; right: 30px; + } + .cover .control { + background: red; + } + .limit .control { + background: green; + } + .test { + /* 80x100 bgpos area */ + height: 80px; + width: 60px; + padding: 10px; + border: 10px solid transparent; + } + + /* Test */ + .cover .test { + background: no-repeat url(support/green-intrinsic-height-ratio.svg); + } + .limit .test { + background: no-repeat url(support/red-intrinsic-height-ratio.svg); + } + .control { + width: 40px; + height: 60px; + } + </style> + </head> + <body> + <p>There must be two green boxes below and no red.</p> + + <div class="cover"> + <div class="control"></div> + <div class="test"></div> + </div> + + <div class="limit"> + <div class="test"></div> + <div class="control"></div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-009.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-009.xht new file mode 100644 index 0000000000..6427466c28 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-009.xht @@ -0,0 +1,69 @@ +<!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: Background Intrinsic Sizes: Intrinsic Width and Height (Vector)</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size"/> + <link rel="match" href="background-intrinsic-ref.xht"/> + <meta name="flags" content="svg" /> + <meta name="assert" content="A background with an intrinsic width and height + is drawn at that size." /> + <style type="text/css"> + /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */ + div { + position: relative; + } + .cover, .limit { + width: 120px; + height: 120px; + margin: 0.5em; + background: green; /* Used to match reference; remove for debugging. */ + } + .control { + position: absolute; + top: 10px; bottom: 10px; + left: 10px; right: 30px; + } + .cover .control { + background: red; + } + .limit .control { + background: green; + } + .test { + /* 80x100 bgpos area */ + height: 80px; + width: 60px; + padding: 10px; + border: 10px solid transparent; + } + + /* Test */ + .cover .test { + background: no-repeat url(support/green-intrinsic-width-height.svg); + } + .limit .test { + background: no-repeat url(support/red-intrinsic-width-height.svg); + } + .control { + width: 40px; + height: 60px; + } + </style> + </head> + <body> + <p>There must be two green boxes below and no red.</p> + + <div class="cover"> + <div class="control"></div> + <div class="test"></div> + </div> + + <div class="limit"> + <div class="test"></div> + <div class="control"></div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-010.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-010.xht new file mode 100644 index 0000000000..abdcc520b8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-010.xht @@ -0,0 +1,69 @@ +<!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: Background Intrinsic Sizes: Intrinsic Width and Height (Raster)</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size"/> + <link rel="match" href="background-intrinsic-ref.xht"/> + <meta name="flags" content="svg" /> + <meta name="assert" content="A background with an intrinsic width and height + is drawn at that size." /> + <style type="text/css"> + /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */ + div { + position: relative; + } + .cover, .limit { + width: 120px; + height: 120px; + margin: 0.5em; + background: green; /* Used to match reference; remove for debugging. */ + } + .control { + position: absolute; + top: 10px; bottom: 10px; + left: 10px; right: 10px; + } + .cover .control { + background: red; + } + .limit .control { + background: green; + } + .test { + /* 80x100 bgpos area */ + height: 80px; + width: 60px; + padding: 10px; + border: 10px solid transparent; + } + + /* Test */ + .cover .test { + background: no-repeat url(support/green-portrait.png); + } + .limit .test { + background: no-repeat url(support/red-portrait.png); + } + .control { + width: 40px; + height: 60px; + } + </style> + </head> + <body> + <p>There must be two green boxes below and no red.</p> + + <div class="cover"> + <div class="control"></div> + <div class="test"></div> + </div> + + <div class="limit"> + <div class="test"></div> + <div class="control"></div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-ref.xht new file mode 100644 index 0000000000..5efb66f202 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-intrinsic-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 Test Reference</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <meta name="flags" content="svg" /> + <style type="text/css"> + /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */ + div { + position: relative; + width: 120px; + height: 120px; + margin: 0.5em; + background: green; + } + </style> + </head> + <body> + <p>There must be two green boxes below and no red.</p> + + <div class="cover"> + </div> + + <div class="limit"> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-001-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-001-ref.xht new file mode 100644 index 0000000000..f829527611 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-001-ref.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"> + + <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[ + body + { + font: 40px/1 serif; + margin: 1px 0px 8px 75px; + } + + p#expected-results {font-family: serif;} + + img + { + left: 0px; + position: absolute; + top: 1px; + } + + div + { + border-top: lime solid 1px; + left: 0px; + position: absolute; + top: 200px; + width: 100%; + z-index: -1; + } + ]]></style> + + </head> + + <body> + + <p id="expected-results">A thin green horizontal line should appear at exactly 200px<img src="support/ruler-v-100px-200px-300px.png" width="55" height="350" alt="Image download support must be enabled" /></p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-001.xht new file mode 100644 index 0000000000..062c64346e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-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"> + + <head> + + <title>CSS Test: background-position - ex unit</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop" /> + <link rel="match" href="background-position-001-ref.xht" /> + + <meta content="ahem image" name="flags" /> + <meta content="ex unit is the 'x-height' of the relevant font. 'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element." name="assert" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + html {font: 20px/1 Ahem;} + + body + { + background: url("support/1x1-lime.png") repeat-x 0 6.25ex; + font-size: 2.5ex; + margin: 1px 0px 8px 75px; + } + + p#expected-results {font-family: serif;} + + img + { + left: 0px; + position: absolute; + top: 1px; + } + ]]></style> + + </head> + + <body> + + <p id="expected-results">A thin green horizontal line should appear at exactly 200px<img src="support/ruler-v-100px-200px-300px.png" width="55" height="350" alt="Image download support must be enabled" /></p> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-002-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-002-ref.xht new file mode 100644 index 0000000000..e4be6af486 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-002-ref.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"> + + <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[ + body + { + font: 40px/1 serif; + margin: 80px 0px 8px 8px; + } + + p#expected-results {font-family: serif;} + + img + { + left: 0px; + position: absolute; + top: 42px; + } + + div + { + border-left: lime solid 1px; + height: 100%; + left: 400px; + position: absolute; + top: 0px; + z-index: -1; + } + ]]></style> + + </head> + + <body> + + <p id="expected-results">A thin green vertical line should appear at exactly 400px<img src="support/ruler-h-200px-400px.png" width="700" height="18" alt="Image download support must be enabled" /></p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-002.xht new file mode 100644 index 0000000000..338c6bc142 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-002.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"> + + <head> + + <title>CSS Test: background-position - ex unit</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop" /> + <link rel="match" href="background-position-002-ref.xht" /> + + <meta content="ahem image" name="flags" /> + <meta content="ex unit is the 'x-height' of the relevant font. 'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element." name="assert" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + html {font: 20px/1 Ahem;} + + body + { + background: url("support/1x1-lime.png") repeat-y 12.5ex 0; + font-size: 2.5ex; + margin: 80px 0px 8px 8px; + } + + p#expected-results {font-family: serif;} + + img + { + left: 0px; + position: absolute; + top: 42px; + } + ]]></style> + + </head> + + <body> + + <p id="expected-results">A thin green vertical line should appear at exactly 400px<img src="support/ruler-h-200px-400px.png" width="700" height="18" alt="Image download support must be enabled" /></p> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-004-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-004-ref.xht new file mode 100644 index 0000000000..c221b4028c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-004-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div {padding-top: 96px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-004.xht new file mode 100644 index 0000000000..68359b3c4b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-004.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: Background-position using pixels with a negative zero value, -0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-23 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a negative zero length value in pixels." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: -0px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-005.xht new file mode 100644 index 0000000000..db152d66e2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-005.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: Background-position using pixels with a zero value, 0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-23 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a zero length value in pixels." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: 0px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-006.xht new file mode 100644 index 0000000000..6665222654 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-006.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: Background-position using pixels with a zero value with a plus sign, +0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-23 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a zero length value in pixels with a plus sign." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: +0px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-007-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-007-ref.xht new file mode 100644 index 0000000000..4b5bb7bd02 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-007-ref.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="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + padding-left: 96px; + position: relative; + top: 96px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-007.xht new file mode 100644 index 0000000000..676462c27e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-007.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: Background-position using pixels with a nominal value, 96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-23 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-007-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in pixels." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-center.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: 96px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-008.xht new file mode 100644 index 0000000000..f8b1603b0c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-008.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: Background-position using pixels with a nominal value and a plus sign, +96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-23 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-007-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in pixels with a plus sign." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-center.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: +96px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-016.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-016.xht new file mode 100644 index 0000000000..104a18bcfe --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-016.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: Background-position using points with a negative zero value, -0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-23 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a negative zero length value in points." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: -0pt; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-017.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-017.xht new file mode 100644 index 0000000000..5959dfe30a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-017.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: Background-position using points with a zero value, 0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-23 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a zero length value in points." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: 0pt; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-018.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-018.xht new file mode 100644 index 0000000000..9bffffa764 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-018.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: Background-position using points with a zero value with a plus sign, +0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-23 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a zero length value in points with a plus sign." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: +0pt; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-019.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-019.xht new file mode 100644 index 0000000000..ccb99bce14 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-019.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 Test: Background-position using points with a nominal value, 72pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in points." /> + <style type="text/css"> + div + { + background-image: url("support/black20x20.png"); + background-position: 72pt; + background-repeat: no-repeat; + border: orange solid 3px; + height: 96px; + width: 116px; /* 96px plus 20px */ + } + </style> + </head> + <body> + <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-020.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-020.xht new file mode 100644 index 0000000000..c52629b3f9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-020.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 Test: Background-position using points with a nominal value and a plus sign, +72pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in points with a plus sign." /> + <style type="text/css"> + div + { + background-image: url("support/black20x20.png"); + background-position: +72pt; + background-repeat: no-repeat; + border: orange solid 3px; + height: 96px; + width: 116px; /* 96px plus 20px */ + } + </style> + </head> + <body> + <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-028.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-028.xht new file mode 100644 index 0000000000..e7fcab1ef5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-028.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: Background-position using picas with a negative zero value, -0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a negative zero length value in picas." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: -0pc; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-029.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-029.xht new file mode 100644 index 0000000000..c6ae0e68f6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-029.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: Background-position using picas with a zero value, 0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a zero length value in picas." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: 0pc; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-030.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-030.xht new file mode 100644 index 0000000000..ac290ccef1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-030.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: Background-position using picas with a zero value with a plus sign, +0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a zero length value in picas with a plus sign." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: +0pc; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-031.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-031.xht new file mode 100644 index 0000000000..f0c7cf1c5b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-031.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 Test: Background-position using picas with a nominal value, 6pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in picas." /> + <style type="text/css"> + div + { + background-image: url("support/black20x20.png"); + background-position: 6pc; + background-repeat: no-repeat; + border: orange solid 3px; + height: 96px; + width: 116px; /* 96px plus 20px */ + } + </style> + </head> + <body> + <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-032.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-032.xht new file mode 100644 index 0000000000..51b61261f6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-032.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 Test: Background-position using picas with a nominal value and a plus sign, +6pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in picas with a plus sign." /> + <style type="text/css"> + div + { + background-image: url("support/black20x20.png"); + background-position: +6pc; + background-repeat: no-repeat; + border: orange solid 3px; + height: 96px; + width: 116px; /* 96px plus 20px */ + } + </style> + </head> + <body> + <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-040.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-040.xht new file mode 100644 index 0000000000..598b9d5054 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-040.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: Background-position using centimeters with a negative zero value, -0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a negative zero length value in centimeters." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: -0cm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-041.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-041.xht new file mode 100644 index 0000000000..48c99ba57c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-041.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: Background-position using centimeters with a zero value, 0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a zero length value in centimeters." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: 0cm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-042.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-042.xht new file mode 100644 index 0000000000..d29889d665 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-042.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: Background-position using centimeters with a zero value with a plus sign, +0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a zero length value in centimeters with a plus sign." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: +0cm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-043.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-043.xht new file mode 100644 index 0000000000..f49d24bab5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-043.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 Test: Background-position using centimeters with a nominal value, 2.54cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in centimeters." /> + <style type="text/css"> + div + { + background-image: url("support/black20x20.png"); + background-position: 2.54cm; + background-repeat: no-repeat; + border: orange solid 3px; + height: 96px; + width: 116px; /* 96px plus 20px */ + } + </style> + </head> + <body> + <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-044.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-044.xht new file mode 100644 index 0000000000..bfca508cd1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-044.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 Test: Background-position using centimeters with a nominal value and a plus sign, +2.54cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in centimeters with a plus sign." /> + <style type="text/css"> + div + { + background-image: url("support/black20x20.png"); + background-position: +2.54cm; + background-repeat: no-repeat; + border: orange solid 3px; + height: 96px; + width: 116px; /* 96px plus 20px */ + } + </style> + </head> + <body> + <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-052.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-052.xht new file mode 100644 index 0000000000..0d46d6c74e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-052.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: Background-position using millimeters with a negative zero value, -0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a negative zero length value in millimeters." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: -0mm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-053.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-053.xht new file mode 100644 index 0000000000..a583edaff4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-053.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: Background-position using millimeters with a zero value, 0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a zero length value in millimeters." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: 0mm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-054.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-054.xht new file mode 100644 index 0000000000..26c06ee872 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-054.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: Background-position using millimeters with a zero value with a plus sign, +0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a zero length value in millimeters with a plus sign." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: +0mm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-055.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-055.xht new file mode 100644 index 0000000000..503540478e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-055.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 Test: Background-position using millimeters with a nominal value, 25.4mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in millimeters." /> + <style type="text/css"> + div + { + background-image: url("support/black20x20.png"); + background-position: 25.4mm; + background-repeat: no-repeat; + border: orange solid 3px; + height: 96px; + width: 116px; /* 96px plus 20px */ + } + </style> + </head> + <body> + <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-056.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-056.xht new file mode 100644 index 0000000000..36e9fb2fca --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-056.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 Test: Background-position using millimeters with a nominal value and a plus sign, +25.4mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in millimeters with a plus sign." /> + <style type="text/css"> + div + { + background-image: url("support/black20x20.png"); + background-position: +25.4mm; + background-repeat: no-repeat; + border: orange solid 3px; + height: 96px; + width: 116px; /* 96px plus 20px */ + } + </style> + </head> + <body> + <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-064.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-064.xht new file mode 100644 index 0000000000..a6de12374b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-064.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: Background-position using inches with a negative zero value, -0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a negative zero length value in inches." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: -0in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-065.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-065.xht new file mode 100644 index 0000000000..6de480bd50 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-065.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: Background-position using inches with a zero value, 0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a zero length value in inches." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: 0in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-066.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-066.xht new file mode 100644 index 0000000000..5c3c65c7b2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-066.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: Background-position using inches with a zero value with a plus sign, +0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a zero length value in inches with a plus sign." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: +0in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-067.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-067.xht new file mode 100644 index 0000000000..da6e1f2b9b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-067.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 Test: Background-position using inches with a nominal value, 1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in inches." /> + <style type="text/css"> + div + { + background-image: url("support/black20x20.png"); + background-position: 1in; + background-repeat: no-repeat; + border: orange solid 3px; + height: 96px; + width: 116px; /* 96px plus 20px */ + } + </style> + </head> + <body> + <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-068.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-068.xht new file mode 100644 index 0000000000..5785f2cc74 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-068.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 Test: Background-position using inches with a nominal value and a plus sign, +1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in inches with a plus sign." /> + <style type="text/css"> + div + { + background-image: url("support/black20x20.png"); + background-position: +1in; + background-repeat: no-repeat; + border: orange solid 3px; + height: 96px; + width: 116px; /* 96px plus 20px */ + } + </style> + </head> + <body> + <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-076.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-076.xht new file mode 100644 index 0000000000..36e6d0d53c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-076.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: Background-position using 'em' units with a negative zero value, -0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="ahem image" /> + <meta name="assert" content="The 'background-position' property correctly applies a negative zero length value in 'em' units." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: -0em; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-077.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-077.xht new file mode 100644 index 0000000000..57d750f182 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-077.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: Background-position using 'em' units with a zero value, 0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="ahem image" /> + <meta name="assert" content="The 'background-position' property correctly applies a zero length value in 'em' units." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: 0em; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-078.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-078.xht new file mode 100644 index 0000000000..1da0101e48 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-078.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: Background-position using 'em' units with a zero value with a plus sign, +0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="ahem image" /> + <meta name="assert" content="The 'background-position' property correctly applies a zero length value in 'em' units with a plus sign." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: +0em; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-079.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-079.xht new file mode 100644 index 0000000000..c6c14d8551 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-079.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: Background-position using 'em' units with a nominal value, 6em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="ahem image" /> + <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + height: 1in; + } + #div1 + { + border: 3px solid orange; + width: 135px; + } + div div + { + background-image: url("support/black15x15.png"); + background-position: 6em; + background-repeat: no-repeat; + width: 140px; + } + </style> + </head> + <body> + <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-080.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-080.xht new file mode 100644 index 0000000000..5b2bba92d4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-080.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: Background-position using 'em' units with a nominal value and a plus sign, +6em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="ahem image" /> + <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in 'em' units with a plus sign." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + height: 1in; + } + #div1 + { + border: 3px solid orange; + width: 135px; + } + div div + { + background-image: url("support/black15x15.png"); + background-position: +6em; + background-repeat: no-repeat; + width: 140px; + } + </style> + </head> + <body> + <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-088.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-088.xht new file mode 100644 index 0000000000..e11c5eb985 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-088.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: Background-position using 'ex' units with a negative zero value, -0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="ahem image" /> + <meta name="assert" content="The 'background-position' property correctly applies a negative zero length value in 'ex' units." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: -0ex; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-089.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-089.xht new file mode 100644 index 0000000000..03439e76d6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-089.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: Background-position using 'ex' units with a zero value, 0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="ahem image" /> + <meta name="assert" content="The 'background-position' property correctly applies a zero length value in 'ex' units." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: 0ex; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-090.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-090.xht new file mode 100644 index 0000000000..9bf8d08c1b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-090.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: Background-position using 'ex' units with a zero value with a plus sign, +0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="ahem image" /> + <meta name="assert" content="The 'background-position' property correctly applies a zero length value in 'ex' units with a plus sign." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: +0ex; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-091.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-091.xht new file mode 100644 index 0000000000..2750dceed9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-091.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: Background-position using 'ex' units with a nominal value, 7.5ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="ahem image" /> + <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + height: 1in; + } + #div1 + { + border: 3px solid orange; + width: 135px; + } + div div + { + background-image: url("support/black15x15.png"); + background-position: 7.5ex; + background-repeat: no-repeat; + width: 140px; + } + </style> + </head> + <body> + <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-092.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-092.xht new file mode 100644 index 0000000000..df25d78521 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-092.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: Background-position using 'ex' units with a nominal value and a plus sign, +7.5ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="ahem image" /> + <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in 'ex' units with a plus sign." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + height: 1in; + } + #div1 + { + border: 3px solid orange; + width: 135px; + } + div div + { + background-image: url("support/black15x15.png"); + background-position: +7.5ex; + background-repeat: no-repeat; + width: 140px; + } + </style> + </head> + <body> + <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-100.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-100.xht new file mode 100644 index 0000000000..f1cdf4b4f3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-100.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: Background-position using percentages with a negative zero value, -0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a negative zero length value in percentages." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: -0%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-101.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-101.xht new file mode 100644 index 0000000000..921301c736 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-101.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: Background-position using percentages with a zero value, 0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a zero length value in percentages." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: 0%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-102.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-102.xht new file mode 100644 index 0000000000..a3662349f0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-102.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: Background-position using percentages with a zero value with a plus sign, +0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a zero length value in percentages with a plus sign." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: +0%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-103.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-103.xht new file mode 100644 index 0000000000..8ebbb139eb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-103.xht @@ -0,0 +1,35 @@ +<!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: Background-position using percentages with a nominal value, 50%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in percentages." /> + <style type="text/css"> + div + { + height: 96px; + } + #div1 + { + border: 3px solid orange; + width: 116px; + } + div div + { + background-image: url("support/black20x20.png"); + background-position: 50%; + background-repeat: no-repeat; + width: 212px; /* 96px * 2 minus 20px */ + } + </style> + </head> + <body> + <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-104.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-104.xht new file mode 100644 index 0000000000..b481fd0e4a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-104.xht @@ -0,0 +1,35 @@ +<!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: Background-position using percentages with a nominal value and a plus sign, +50%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a nominal length value in percentages with a plus sign." /> + <style type="text/css"> + div + { + height: 96px; + } + #div1 + { + border: 3px solid orange; + width: 116px; + } + div div + { + background-image: url("support/black20x20.png"); + background-position: +50%; + background-repeat: no-repeat; + width: 212px; /* 96px * 2 minus 20px */ + } + </style> + </head> + <body> + <p>Test passes if the black square below is vertically centered and on the right inner edge of the orange box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-109.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-109.xht new file mode 100644 index 0000000000..97bb328280 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-109.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: Background-position with a negative zero value, -0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a negative zero length value with no units." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: -0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-110.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-110.xht new file mode 100644 index 0000000000..6328283ffb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-110.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: Background-position with a zero value, 0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a zero length value with no units." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-111.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-111.xht new file mode 100644 index 0000000000..3fc24d8987 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-111.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: Background-position with a zero value and plus sign, +0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a zero length value with no units with a plus sign." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: +0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-112.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-112.xht new file mode 100644 index 0000000000..69dbbaace5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-112.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: Background-position using keyword values, left</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies the keyword value, left." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: left; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-113-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-113-ref.xht new file mode 100644 index 0000000000..123925e72f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-113-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 + { + padding-left: 96px; + padding-top: 96px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-113.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-113.xht new file mode 100644 index 0000000000..f0e8660197 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-113.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: Background-position using keyword values, center</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-113-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies the keyword value, center." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-center.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: center; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-114-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-114-ref.xht new file mode 100644 index 0000000000..837bc62960 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-114-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 + { + padding-left: 192px; + padding-top: 96px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-114.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-114.xht new file mode 100644 index 0000000000..eb1896f19e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-114.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: Background-position using keyword values, right</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-114-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies the keyword value, right." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-right.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: right; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-115-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-115-ref.xht new file mode 100644 index 0000000000..1f6c5e2a71 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-115-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div {padding-left: 96px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-115.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-115.xht new file mode 100644 index 0000000000..7a2d6ca37a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-115.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: Background-position using keyword values, top</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-115-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies the keyword value, top." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-top-center.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: top; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-116-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-116-ref.xht new file mode 100644 index 0000000000..e98166d027 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-116-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 + { + padding-left: 96px; + padding-top: 192px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-116.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-116.xht new file mode 100644 index 0000000000..c0ab01a323 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-116.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: Background-position using keyword values, bottom</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-116-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies the keyword value, bottom." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-bottom-center.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: bottom; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-117-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-117-ref.xht new file mode 100644 index 0000000000..943ab3fad1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-117-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 + { + padding-left: 192px; + padding-top: 192px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-117.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-117.xht new file mode 100644 index 0000000000..084f360dae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-117.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: Background-position using two percentage values, 100% 100%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-117-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies two percentage values." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-bottom-right.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: 100% 100%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-118.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-118.xht new file mode 100644 index 0000000000..e93d82796c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-118.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: Background-position using a percentage and length value, 100% 96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-114-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a percentage and length value." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-right.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: 100% 96px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-119-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-119-ref.xht new file mode 100644 index 0000000000..02d6113413 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-119-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div {padding-left: 192px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-119.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-119.xht new file mode 100644 index 0000000000..d0500756d1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-119.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: Background-position using a percentage and keyword value, 100% top</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-119-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a percentage and keyword value." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-top-right.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: 100% top; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-120.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-120.xht new file mode 100644 index 0000000000..f27811f945 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-120.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: Background-position using a percentage and keyword value, 100% center</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-114-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a percentage and keyword value." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-right.png"); + } + #div2 + { + background-image: url("support/blue96x96.png"); + background-position: 100% center; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div id="div2"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-121.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-121.xht new file mode 100644 index 0000000000..a7f355ef30 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-121.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: Background-position using a percentage and keyword value, 100% bottom</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-117-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a percentage and keyword value." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-bottom-right.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: 100% bottom; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-122.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-122.xht new file mode 100644 index 0000000000..13247348c3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-122.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: Background-position using a length and percentage value, 96px 100%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-116-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a length and percentage value." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-bottom-center.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: 96px 100%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-123.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-123.xht new file mode 100644 index 0000000000..949c8a10e5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-123.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: Background-position using two length values, 96px 192px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-116-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies two length values." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-bottom-center.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: 96px 192px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-124.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-124.xht new file mode 100644 index 0000000000..a5db2b4560 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-124.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: Background-position using a length and a keyword value, 192px top</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-119-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a length and keyword value." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-top-right.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: 192px top; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-125.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-125.xht new file mode 100644 index 0000000000..188af837a1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-125.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: Background-position using a length and a keyword value, 192px center</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-114-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a length and keyword value." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-right.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: 192px center; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-126.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-126.xht new file mode 100644 index 0000000000..f36606573e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-126.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: Background-position using a length and a keyword value, 96px bottom</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-116-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a length and keyword value." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-bottom-center.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: 96px bottom; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-127-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-127-ref.xht new file mode 100644 index 0000000000..76f71fa621 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-127-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div {padding-top: 192px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-127.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-127.xht new file mode 100644 index 0000000000..42bd7a1ea2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-127.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: Background-position using a keyword and percentage value, left 100%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-127-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a keyword and percentage value." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-bottom-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: left 100%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-128.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-128.xht new file mode 100644 index 0000000000..519defdcd1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-128.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: Background-position using a keyword and length value, left 96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a keyword and length value." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: left 96px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-129-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-129-ref.xht new file mode 100644 index 0000000000..094241c84e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-129-ref.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-129.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-129.xht new file mode 100644 index 0000000000..d9843fbf80 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-129.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: Background-position using two keyword values, left top</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-129-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies two keyword values." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-top-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: left top; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-130.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-130.xht new file mode 100644 index 0000000000..440e2263fb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-130.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: Background-position using two keyword values, left center</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies two keyword values." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: left center; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-131.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-131.xht new file mode 100644 index 0000000000..adb1540fad --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-131.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: Background-position using two keyword values, left bottom</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-127-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies two keyword values." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-bottom-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: left bottom; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-132.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-132.xht new file mode 100644 index 0000000000..a6108511b2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-132.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: Background-position using a keyword and percentage value, center 100%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-116-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a keyword and percentage value." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-bottom-center.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: center 100%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-133.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-133.xht new file mode 100644 index 0000000000..2c15ee4548 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-133.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: Background-position using a keyword and length value, center 96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-113-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a keyword and length value." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-center.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: center 96px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-134.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-134.xht new file mode 100644 index 0000000000..566f7c7d51 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-134.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: Background-position using two keyword values, center top</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-115-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies two keyword values." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-top-center.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: center top; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-135.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-135.xht new file mode 100644 index 0000000000..fd0026c0da --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-135.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: Background-position using two keyword values, center center</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-113-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies two keyword values." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-center.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: center center; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-136.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-136.xht new file mode 100644 index 0000000000..2d11c8de50 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-136.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: Background-position using two keyword values, center bottom</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-116-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies two keyword values." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-bottom-center.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: center bottom; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-137.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-137.xht new file mode 100644 index 0000000000..ce0e7c0bfb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-137.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: Background-position using a keyword and percentage value, right 100%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-117-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a keyword and percentage value." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-bottom-right.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: right 100%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-138.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-138.xht new file mode 100644 index 0000000000..ea972748ed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-138.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: Background-position using a keyword and length value, right 96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-114-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies a keyword and length value." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-right.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: right 96px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-139.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-139.xht new file mode 100644 index 0000000000..d8ee4f7838 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-139.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: Background-position using two keyword values, right top</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-119-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies two keyword values." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-top-right.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: right top; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-140.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-140.xht new file mode 100644 index 0000000000..05353d3068 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-140.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: Background-position using two keyword values, right center</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-114-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies two keyword values." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-right.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: right center; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-141.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-141.xht new file mode 100644 index 0000000000..fe5e8a247f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-141.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: Background-position using two keyword values, right bottom</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-117-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies two keyword values." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-bottom-right.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: right bottom; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-142.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-142.xht new file mode 100644 index 0000000000..52ca20560c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-142.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: Background-position using two keyword values, top left</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-129-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies two keyword values." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-top-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: top left; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-143.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-143.xht new file mode 100644 index 0000000000..2f4d67f65d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-143.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: Background-position using two keyword values, top center</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-115-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies two keyword values." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-top-center.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: top center; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-144.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-144.xht new file mode 100644 index 0000000000..df7c7dc995 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-144.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: Background-position using two keyword values, top right</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-119-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies two keyword values." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-top-right.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: top right; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-145.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-145.xht new file mode 100644 index 0000000000..37bb0fe3ff --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-145.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: Background-position using two keyword values, center left</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies two keyword values." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: center left; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-146.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-146.xht new file mode 100644 index 0000000000..354e863f6b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-146.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: Background-position using two keyword values, center right</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-114-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies two keyword values." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-right.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: center right; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-147.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-147.xht new file mode 100644 index 0000000000..c1e8b901f2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-147.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: Background-position using two keyword values, bottom left</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-127-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies two keyword values." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-bottom-left.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: bottom left; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-148.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-148.xht new file mode 100644 index 0000000000..2ee38ea457 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-148.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: Background-position using two keyword values, bottom center</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-116-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies two keyword values." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-bottom-center.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: bottom center; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-149.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-149.xht new file mode 100644 index 0000000000..2d2808f90e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-149.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: Background-position using two keyword values, bottom right</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-117-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies two keyword values." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-bottom-right.png"); + } + div div + { + background-image: url("support/blue96x96.png"); + background-position: bottom right; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-150.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-150.xht new file mode 100644 index 0000000000..0149314570 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-150.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: Background-position using 'inherit', inheriting one value</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-114-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies the one value that was inherited." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-center-right.png"); + } + #div2 + { + background-position: 192px; + } + #div2 div + { + background-image: url("support/blue96x96.png"); + background-position: inherit; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div id="div2"> + <div></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-151.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-151.xht new file mode 100644 index 0000000000..4b10a7bd10 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-151.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: Background-position using 'inherit', inheriting two values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-25 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-116-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property correctly applies the two values that were inherited." /> + <style type="text/css"> + div + { + background-repeat: no-repeat; + height: 3in; + width: 3in; + } + #div1 + { + background-image: url("support/background-position-bottom-center.png"); + } + #div2 + { + background-position: 96px 192px; + } + #div2 div + { + background-image: url("support/blue96x96.png"); + background-position: inherit; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div id="div2"> + <div></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-152-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-152-ref.xht new file mode 100644 index 0000000000..c164df43de --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-152-ref.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="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 300px; + width: 400px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green rectangle 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/backgrounds/background-position-152.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-152.xht new file mode 100644 index 0000000000..a7661496ad --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-152.xht @@ -0,0 +1,83 @@ +<!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: background-position - percentage values versus left offset and top offset percentages</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" title="9.3.2 Box offsets: 'top', 'right', 'bottom', 'left'" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" /> + <link rel="match" href="background-position-152-ref.xht" /> + + <meta content="image" name="flags" /> + <meta content="The 'background-position' property, when expressed in percentage values will position the inner point (relative to percentage values) of the background-image itself within the padding box of the element. On the other hand, the 'left' property and 'top' property, for absolute positioning, specifies the left offset and the top of the element applied to its left edge (and not its inner horizontal point) and to its top edge (and not its inner vertical point) within the padding box of its nearest positioned ancestor." name="assert" /> + + <style type="text/css"><![CDATA[ + #nearest-positioned-ancestor + { + background-color: green; /* padding box will be green */ + background-image: url("support/100x100-red.png"); + background-position: 14% 84%; + background-attachment: scroll; + background-repeat: no-repeat; + height: 100px; /* therefore padding box is 300px tall */ + padding: 100px; + position: relative; + width: 200px; /* therefore padding box is 400px wide */ + } + + /* + + In this testcase, the point coordinates of the background-image + are (14px, 84px) and such inner point of the background-image will + be placed at the point 14% across and 84% down the padding box of + div#nearest-positioned-ancestor. + + Calculations of 100x100-red position coordinates within #nearest-positioned-ancestor + ==================================================================================== + + along the horizontal axis + ------------------------- + + 56px (14% of #nearest-positioned-ancestor's padding box width) + - 14px (14% of 100x100-red's width) + ------------------ + 42px (overlapping green box's left offset within #nearest-positioned-ancestor) + + 42px represents exactly 10.5% of #nearest-positioned-ancestor's padding box + width (400px) + + along the vertical axis + ----------------------- + + 252px (84% of #nearest-positioned-ancestor's padding box height) + - 84px (84% of 100x100-red's height) + ------------------ + 168px (overlapping green box's top offset within #nearest-positioned-ancestor) + + 168px represents exactly 56% of #nearest-positioned-ancestor's padding box + height (300px) + */ + + #overlapping-abs-pos-green-box + { + left: 10.5%; /* == 42px */ + position: absolute; + top: 56%; /* == 168px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p> + + <div id="nearest-positioned-ancestor"> + <div id="overlapping-abs-pos-green-box"><img src="support/swatch-green.png" width="100" height="100" alt="Image download support must be enabled" /></div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-201.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-201.xht new file mode 100644 index 0000000000..7d4f6b3a92 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-201.xht @@ -0,0 +1,55 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: CSS background position: animated</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/position/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <meta content="dom animated" name="flags" /> + <style type="text/css"> + #test { + background: url(support/diamond.png) no-repeat; + background-position: 0% 100%; + position: relative; + height: 20em; width: 20em; + margin: 2em; + } + #ring { + position: absolute; left: 0; top: 20em; + margin: -20px 0 0 -20px; + } + #control { + border: blue solid; + width: 24em; + } + </style> + <script type="text/javascript"> + var position = 0; /* 0 .. 2*PI */ + function test() { + with (Math) { + position += PI / 1000; + if (position >= 2 * PI) { + position = 0; + } + document.styleSheets[0].cssRules[0].style.backgroundPosition = (sin(position) + 1) * 50 + '% ' + (cos(position) + 1) * 50 + '%'; + document.styleSheets[0].cssRules[1].style.left = (sin(position) + 1) * 10 + 'em'; + document.styleSheets[0].cssRules[1].style.top = (cos(position) + 1) * 10 + 'em'; + // document.getElementById('status').firstChild.data = document.styleSheets[0].cssRules[0].style.backgroundPosition; + } + } + </script> + </head> + <body onload="var query = location.search; if (query) { query = query.substring(1, query.length); } else { query = 10 } setInterval(test, query)"> + <p>There should be a circle with a diamond inside the blue box below. + The diamond and the orange circle should appear to be moving in + a circle, around a common center point. The radius of motion of the + diamond should be slightly shorter than that of the orange circle + (measuring the radius to the center of each shape), so that the + diamond is always near the side of the circle closer to the center + of motion.</p> + <div id="control"><div id="test"><img src="support/ring.png" alt="O" id="ring" /></div></div> + <!-- <p>Position: <span id="status">0% 0%</span></p> --> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-202.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-202.xht new file mode 100644 index 0000000000..2d1402563e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-202.xht @@ -0,0 +1,138 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: CSS background position: parsing</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/position/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <meta name="flags" content="invalid"/> + <style type="text/css"> + .case { float: left; border: solid; margin: 0.2em; } /* 150 x 100 */ + .test { background: #FFFFCC url(support/ring.png) no-repeat; padding: 16px; } + .control { width: 118px; height: 68px; background: url(support/diamond.png) no-repeat; } + + .a .control, .b .control, .c .control, .d .control, .e .control, .f .control { background-position: 100% 100%; } + .case.a .test { background-position: right bottom; } + .case.b .test { background-position: bottom right; } + .case.c .test { background-position: 100% bottom; } + .case.d .test { background-position: right 100%; } + .case.e .test { background-position: 100% 58px; } + .case.f .test { background-position: 108px 100%; } + + .g .control, .h .control, .i .control, .j .control, .k .control, .l .control, .m .control { background-position: 54px 28px; } + .case.g .test { background-position: center center; } + .case.h .test { background-position: 50% 50%; } + .case.i .test { background-position: center 50%; } + .case.j .test { background-position: 50% center; } + .case.k .test { background-position: 50%; } + .case.l .test { background-position: center; } + .case.m .test { background-position: 54px; } + + .n .control, .o .control { background-position: 54px 56px; } + .case.n .test { background-position: bottom center; } + .case.o .test { background-position: center bottom; } + + .p .control, .q .control { background-position: 108px 28px; } + .case.p .test { background-position: right center; } + .case.q .test { background-position: center right; } + + .r .control { background-position: top right; } + .case.r0 .test { background-position: right top; } + .case.r1 .test { background-position: right 0; } + .case.r2 .test { background-position: right 0px; } + .case.r3 .test { background-position: right 0%; } + .case.r4 .test { background-position: 100% top; } + .case.r5 .test { background-position: 100% 0; } + .case.r6 .test { background-position: 100% 0px; } + .case.r7 .test { background-position: 100% 0%; } + .case.r8 .test { background-position: 108px top; } + .case.r9 .test { background-position: 108px 0; } + .case.r10 .test { background-position: 108px 0px; } + .case.r11 .test { background-position: 108px 0%; } + + .negative .control { background-position: 0% 0%; } + .negative3 .control { background-position: 50%, 50%; } /* CSS3 background supports comma */ + .case.t1 .test { background-position: right bottom bottom; } + .case.t2 .test { background-position: bottom right bottom; } + .case.t3 .test { background-position: bottom 100%; } + .case.t4 .test { background-position: 100% right; } + .case.t5 .test { background-position: bottom 8px; } + .case.t6 .test { background-position: 23px right; } + .case.t7 .test { background-position: center 50% center; } + .case.t8 .test { background-position: 50% 50% 50%; } + .case.t9 .test { background-position: center 50% 50%; } + .case.t10 .test { background-position: 50%, 100%; } /* CSS3 background supports comma */ + /* This test makes sure the comma either is + a) invalid per CSS2.1 + b) handled correctly per CSS3 + and NOT parsed as a valid separator of x and y offsets. */ + .case.t11 .test { background-position: bottom 54px; } + .case.t12 .test { background-position: 50 50%; } + .case.t13 .test { background-position: bottom 100; } + .case.t14 .test { background-position: rightbottom; } + .case.t15 .test { background-position: 0 right; } + .case.t16 .test { background-position: 0px right; } + .case.t17 .test { background-position: 0% right; } + .case.t18 .test { background-position: top 100%; } + .case.t19 .test { background-position: top 108px; } + .case.t20 .test { background-position: top top; } + .case.t21 .test { background-position: left right; } + .case.t22 .test { background-position: left left; } + </style> + </head> +<body> + <p>In all the following boxes, the fuchsia diamond should be surrounded by a ring.</p> + <div class="case a"><div class="test"><div class="control"></div></div></div> + <div class="case b"><div class="test"><div class="control"></div></div></div> + <div class="case c"><div class="test"><div class="control"></div></div></div> + <div class="case d"><div class="test"><div class="control"></div></div></div> + <div class="case e"><div class="test"><div class="control"></div></div></div> + <div class="case f"><div class="test"><div class="control"></div></div></div> + <div class="case g"><div class="test"><div class="control"></div></div></div> + <div class="case h"><div class="test"><div class="control"></div></div></div> + <div class="case i"><div class="test"><div class="control"></div></div></div> + <div class="case j"><div class="test"><div class="control"></div></div></div> + <div class="case k"><div class="test"><div class="control"></div></div></div> + <div class="case l"><div class="test"><div class="control"></div></div></div> + <div class="case m"><div class="test"><div class="control"></div></div></div> + <div class="case n"><div class="test"><div class="control"></div></div></div> + <div class="case o"><div class="test"><div class="control"></div></div></div> + <div class="case p"><div class="test"><div class="control"></div></div></div> + <div class="case q"><div class="test"><div class="control"></div></div></div> + <div class="case r r0"><div class="test"><div class="control"></div></div></div> + <div class="case r r1"><div class="test"><div class="control"></div></div></div> + <div class="case r r2"><div class="test"><div class="control"></div></div></div> + <div class="case r r3"><div class="test"><div class="control"></div></div></div> + <div class="case r r4"><div class="test"><div class="control"></div></div></div> + <div class="case r r5"><div class="test"><div class="control"></div></div></div> + <div class="case r r6"><div class="test"><div class="control"></div></div></div> + <div class="case r r7"><div class="test"><div class="control"></div></div></div> + <div class="case r r8"><div class="test"><div class="control"></div></div></div> + <div class="case r r9"><div class="test"><div class="control"></div></div></div> + <div class="case r r10"><div class="test"><div class="control"></div></div></div> + <div class="case negative t1"><div class="test"><div class="control"></div></div></div> + <div class="case negative t2"><div class="test"><div class="control"></div></div></div> + <div class="case negative t3"><div class="test"><div class="control"></div></div></div> + <div class="case negative t4"><div class="test"><div class="control"></div></div></div> + <div class="case negative t5"><div class="test"><div class="control"></div></div></div> + <div class="case negative t6"><div class="test"><div class="control"></div></div></div> + <div class="case negative t7"><div class="test"><div class="control"></div></div></div> + <div class="case negative t8"><div class="test"><div class="control"></div></div></div> + <div class="case negative t9"><div class="test"><div class="control"></div></div></div> + <div class="case negative negative3 t10"><div class="test"><div class="control"></div></div></div> + <div class="case negative t11"><div class="test"><div class="control"></div></div></div> + <div class="case negative t12"><div class="test"><div class="control"></div></div></div> + <div class="case negative t13"><div class="test"><div class="control"></div></div></div> + <div class="case negative t14"><div class="test"><div class="control"></div></div></div> + <div class="case negative t15"><div class="test"><div class="control"></div></div></div> + <div class="case negative t16"><div class="test"><div class="control"></div></div></div> + <div class="case negative t17"><div class="test"><div class="control"></div></div></div> + <div class="case negative t18"><div class="test"><div class="control"></div></div></div> + <div class="case negative t19"><div class="test"><div class="control"></div></div></div> + <div class="case negative t20"><div class="test"><div class="control"></div></div></div> + <div class="case negative t21"><div class="test"><div class="control"></div></div></div> + <div class="case negative t22"><div class="test"><div class="control"></div></div></div> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-203.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-203.xht new file mode 100644 index 0000000000..0074395ec4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-203.xht @@ -0,0 +1,134 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: CSS background position: parsing</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/position/003.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <meta name="flags" content="invalid"/> + <style type="text/css"> + .case { float: left; border: solid; margin: 0.2em; background: #FFFFCC; } /* 150 x 100 */ + .test { padding: 16px; background: red; } + .negative .test { background: url(support/ring.png) no-repeat; } + .control { width: 118px; height: 68px; } + + .a .control, .b .control, .c .control, .d .control, .e .control, .f .control { background: url(support/diamond.png) no-repeat 100% 100%; } + .case.a .test { background: url(support/ring.png) no-repeat right bottom; } + .case.b .test { background: url(support/ring.png) no-repeat bottom right; } + .case.c .test { background: url(support/ring.png) no-repeat 100% bottom; } + .case.d .test { background: url(support/ring.png) no-repeat right 100%; } + .case.e .test { background: url(support/ring.png) no-repeat 100% 58px; } + .case.f .test { background: url(support/ring.png) no-repeat 108px 100%; } + + .g .control, .h .control, .i .control, .j .control, .k .control, .l .control, .m .control { background: url(support/diamond.png) no-repeat 54px 28px; } + .case.g .test { background: url(support/ring.png) no-repeat center center; } + .case.h .test { background: url(support/ring.png) no-repeat 50% 50%; } + .case.i .test { background: url(support/ring.png) no-repeat center 50%; } + .case.j .test { background: url(support/ring.png) no-repeat 50% center; } + .case.k .test { background: url(support/ring.png) no-repeat 50%; } + .case.l .test { background: url(support/ring.png) no-repeat center; } + .case.m .test { background: url(support/ring.png) no-repeat 54px; } + + .n .control, .o .control { background: url(support/diamond.png) no-repeat 54px 56px; } + .case.n .test { background: url(support/ring.png) no-repeat bottom center; } + .case.o .test { background: url(support/ring.png) no-repeat center bottom; } + + .p .control, .q .control { background: url(support/diamond.png) no-repeat 108px 28px; } + .case.p .test { background: url(support/ring.png) no-repeat right center; } + .case.q .test { background: url(support/ring.png) no-repeat center right; } + + .r .control { background: url(support/diamond.png) no-repeat top right; } + .case.r0 .test { background: url(support/ring.png) no-repeat right top; } + .case.r1 .test { background: url(support/ring.png) no-repeat right 0; } + .case.r2 .test { background: url(support/ring.png) no-repeat right 0px; } + .case.r3 .test { background: url(support/ring.png) no-repeat right 0%; } + .case.r4 .test { background: url(support/ring.png) no-repeat 100% top; } + .case.r5 .test { background: url(support/ring.png) no-repeat 100% 0; } + .case.r6 .test { background: url(support/ring.png) no-repeat 100% 0px; } + .case.r7 .test { background: url(support/ring.png) no-repeat 100% 0%; } + .case.r8 .test { background: url(support/ring.png) no-repeat 108px top; } + .case.r9 .test { background: url(support/ring.png) no-repeat 108px 0; } + .case.r10 .test { background: url(support/ring.png) no-repeat 108px 0px; } + .case.r11 .test { background: url(support/ring.png) no-repeat 108px 0%; } + + .negative .control { background: url(support/diamond.png) no-repeat 0% 0%; } + .case.t1 .test { background: red right bottom bottom; } + .case.t2 .test { background: red bottom right bottom; } + .case.t3 .test { background: red bottom 100%; } + .case.t4 .test { background: red 100% right; } + .case.t5 .test { background: red bottom 8px; } + .case.t6 .test { background: red 23px right; } + .case.t7 .test { background: red center 50% center; } + .case.t8 .test { background: red 50% 50% 50%; } + .case.t9 .test { background: red center 50% 50%; } + .case.t10 .test { background: red 50%, center; } + .case.t11 .test { background: red bottom 54px; } + .case.t12 .test { background: red 50 50%; } + .case.t13 .test { background: red bottom 100; } + .case.t14 .test { background: red rightbottom; } + .case.t15 .test { background: red 0 right; } + .case.t16 .test { background: red 0px right; } + .case.t17 .test { background: red 0% right; } + .case.t18 .test { background: red top 100%; } + .case.t19 .test { background: red top 108px; } + .case.t20 .test { background: red top top; } + .case.t21 .test { background: red left right; } + .case.t22 .test { background: red left left; } + </style> + </head> +<body> + <p>In all the following boxes, the fuchsia diamond should be surrounded by a ring.</p> + <div class="case a"><div class="test"><div class="control"></div></div></div> + <div class="case b"><div class="test"><div class="control"></div></div></div> + <div class="case c"><div class="test"><div class="control"></div></div></div> + <div class="case d"><div class="test"><div class="control"></div></div></div> + <div class="case e"><div class="test"><div class="control"></div></div></div> + <div class="case f"><div class="test"><div class="control"></div></div></div> + <div class="case g"><div class="test"><div class="control"></div></div></div> + <div class="case h"><div class="test"><div class="control"></div></div></div> + <div class="case i"><div class="test"><div class="control"></div></div></div> + <div class="case j"><div class="test"><div class="control"></div></div></div> + <div class="case k"><div class="test"><div class="control"></div></div></div> + <div class="case l"><div class="test"><div class="control"></div></div></div> + <div class="case m"><div class="test"><div class="control"></div></div></div> + <div class="case n"><div class="test"><div class="control"></div></div></div> + <div class="case o"><div class="test"><div class="control"></div></div></div> + <div class="case p"><div class="test"><div class="control"></div></div></div> + <div class="case q"><div class="test"><div class="control"></div></div></div> + <div class="case r r0"><div class="test"><div class="control"></div></div></div> + <div class="case r r1"><div class="test"><div class="control"></div></div></div> + <div class="case r r2"><div class="test"><div class="control"></div></div></div> + <div class="case r r3"><div class="test"><div class="control"></div></div></div> + <div class="case r r4"><div class="test"><div class="control"></div></div></div> + <div class="case r r5"><div class="test"><div class="control"></div></div></div> + <div class="case r r6"><div class="test"><div class="control"></div></div></div> + <div class="case r r7"><div class="test"><div class="control"></div></div></div> + <div class="case r r8"><div class="test"><div class="control"></div></div></div> + <div class="case r r9"><div class="test"><div class="control"></div></div></div> + <div class="case r r10"><div class="test"><div class="control"></div></div></div> + <div class="case negative t1"><div class="test"><div class="control"></div></div></div> + <div class="case negative t2"><div class="test"><div class="control"></div></div></div> + <div class="case negative t3"><div class="test"><div class="control"></div></div></div> + <div class="case negative t4"><div class="test"><div class="control"></div></div></div> + <div class="case negative t5"><div class="test"><div class="control"></div></div></div> + <div class="case negative t6"><div class="test"><div class="control"></div></div></div> + <div class="case negative t7"><div class="test"><div class="control"></div></div></div> + <div class="case negative t8"><div class="test"><div class="control"></div></div></div> + <div class="case negative t9"><div class="test"><div class="control"></div></div></div> + <div class="case negative t10"><div class="test"><div class="control"></div></div></div> + <div class="case negative t11"><div class="test"><div class="control"></div></div></div> + <div class="case negative t12"><div class="test"><div class="control"></div></div></div> + <div class="case negative t13"><div class="test"><div class="control"></div></div></div> + <div class="case negative t14"><div class="test"><div class="control"></div></div></div> + <div class="case negative t15"><div class="test"><div class="control"></div></div></div> + <div class="case negative t16"><div class="test"><div class="control"></div></div></div> + <div class="case negative t17"><div class="test"><div class="control"></div></div></div> + <div class="case negative t18"><div class="test"><div class="control"></div></div></div> + <div class="case negative t19"><div class="test"><div class="control"></div></div></div> + <div class="case negative t20"><div class="test"><div class="control"></div></div></div> + <div class="case negative t21"><div class="test"><div class="control"></div></div></div> + <div class="case negative t22"><div class="test"><div class="control"></div></div></div> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001-ref.xht new file mode 100644 index 0000000000..74aad23f86 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001-ref.xht @@ -0,0 +1,35 @@ +<!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 + { + border: black solid medium; + line-height: 96px; + width: 96px; + } + + img + { + padding-left: 81px; + vertical-align: bottom; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p> + + <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001.xht new file mode 100644 index 0000000000..d87978b180 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001.xht @@ -0,0 +1,60 @@ +<!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: Background-position applied to elements with 'display' set to 'table-row-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-applies-to-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-row-group'." /> + <style type="text/css"> + #test + { + background-image: url('support/blue15x15.png'); + background-position: bottom right; + background-repeat: no-repeat; + display: table-row-group; + } + #table + { + border: solid black; + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + color: white; + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001a-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001a-ref.xht new file mode 100644 index 0000000000..33f645908f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001a-ref.xht @@ -0,0 +1,64 @@ +<!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[ + body {margin: 8px;} + + div + { + background-color: blue; + height: 15px; + margin-left: 93px; + + /* + + From left to right: + + 2px : left border-spacing + + + 25px : border-left of 1st cell + + + 1px : padding-left of 1st cell + + + 1px : padding-right of 1st cell + + + 25px : border-right of 1st cell + + + 2px : border-spacing between 1st and 2nd cell + + + 25px : border-left of 2nd cell + + + 1px : padding-left of 2nd cell + + + 1px : padding-right of 2nd cell + + + 25px : border-right of 2nd cell + - + 15px : width of blue square + =============================== + 93px + + */ + + margin-top: 18px; /* margin-bottom of p + top border-spacing */ + width: 15px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>one and only 1 small filled blue square</strong>.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001a.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001a.xht new file mode 100644 index 0000000000..4cf8836b03 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001a.xht @@ -0,0 +1,41 @@ +<!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: Background-position applied to elements with 'display' set to 'table-row-group'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001a-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-row-group'." /> + + <style type="text/css"><![CDATA[ + tbody + { + background-image: url("support/swatch-blue.png"); + background-position: top right; + background-repeat: no-repeat; + } + + td {border: transparent solid 25px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>one and only 1 small filled blue square</strong>.</p> + + <table> + <tbody> + <tr><td></td><td></td></tr> + <tr><td></td><td></td></tr> + </tbody> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001b-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001b-ref.xht new file mode 100644 index 0000000000..cbb847882a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001b-ref.xht @@ -0,0 +1,42 @@ +<!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[ + body {margin: 8px;} + + div + { + background-color: green; + height: 60px; + margin-left: 60px; + margin-top: 76px; + /* + + 16px : p's margin-bottom + + + 60px : table's first row height + ======= + 76px + + */ + width: 60px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001b.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001b.xht new file mode 100644 index 0000000000..e7c0859ede --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001b.xht @@ -0,0 +1,55 @@ +<!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: Background-position applied to elements with 'display' set to 'table-row-group'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001b-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-row-group'." /> + + <style type="text/css"><![CDATA[ + table {border-spacing: 0px;} + + tbody + { + background-image: url("/css/support/60x60-red.png"); + background-position: bottom right; + background-repeat: no-repeat; + } + + td {padding: 0px;} + + td#top-left {border-top: transparent solid 60px;} + + td#top-right {border-right: transparent solid 60px;} + + td#bottom-left + { + border-bottom: transparent solid 60px; + border-left: transparent solid 60px; + } + + td#green-overlapping {border-bottom: green solid 60px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table> + <tbody> + <tr><td id="top-left"></td><td id="top-right"></td></tr> + <tr><td id="bottom-left"></td><td id="green-overlapping"></td></tr> + </tbody> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001c.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001c.xht new file mode 100644 index 0000000000..50e5cc9040 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001c.xht @@ -0,0 +1,51 @@ +<!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: Background-position applied to elements with 'display' set to 'table-row-group'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001b-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-row-group'." /> + + <style type="text/css"><![CDATA[ + table {border-spacing: 0px;} + + tbody + { + background-image: url("/css/support/60x60-red.png"); + background-position: bottom right; + background-repeat: no-repeat; + } + + td + { + padding: 0px; + width: 60px; + } + + td#top-left {border-top: transparent solid 60px;} + + td#green-overlapping {border-bottom: green solid 60px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table> + <tbody> + <tr><td id="top-left"></td><td></td></tr> + <tr><td></td><td id="green-overlapping"></td></tr> + </tbody> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001d.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001d.xht new file mode 100644 index 0000000000..46788a0726 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001d.xht @@ -0,0 +1,62 @@ +<!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: Background-position applied to elements with 'display' set to 'table-row-group'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001b-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-row-group'." /> + + <style type="text/css"><![CDATA[ + div#table {display: table;} + + div#tbody + { + background-image: url("/css/support/60x60-red.png"); + background-position: bottom right; + background-repeat: no-repeat; + display: table-row-group; + } + + div.tr {display: table-row;} + + div.td + { + display: table-cell; + width: 60px; + } + + div#top-left + { + border-top: transparent solid 60px; + display: table-cell; + } + + div#green-overlapping + { + border-bottom: green solid 60px; + display: table-cell; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="table"> + <div id="tbody"> + <div class="tr"><div id="top-left"></div><div class="td"></div></div> + <div class="tr"><div class="td"></div><div id="green-overlapping"></div></div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001e-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001e-ref.xht new file mode 100644 index 0000000000..020250b44c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001e-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + body {margin: 8px;} + + div + { + background-color: green; + height: 60px; + margin-left: 60px; + margin-top: 136px; + /* + + 16px : p's margin-bottom + + + 60px : table's first row height + + + 60px : top 60px of table's second row height + ======= + 136px + + */ + width: 60px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001e.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001e.xht new file mode 100644 index 0000000000..87c15b1408 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-001e.xht @@ -0,0 +1,63 @@ +<!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: Background-position applied to elements with 'display' set to 'table-row-group'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001e-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-row-group'." /> + + <style type="text/css"><![CDATA[ + div#table {display: table;} + + div#tbody + { + background-image: url("/css/support/60x60-red.png"); + background-position: bottom right; + background-repeat: no-repeat; + display: table-row-group; + } + + div.tr {display: table-row;} + + div.td + { + display: table-cell; + height: 60px; + width: 60px; + } + + div#overlapping-green + { + border-bottom: green solid 60px; + display: table-cell; + height: 60px; + width: 60px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="table"> + <div id="tbody"> + <div class="tr"> + <div class="td"></div><div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div><div id="overlapping-green"></div> + </div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002.xht new file mode 100644 index 0000000000..18f4b475c9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002.xht @@ -0,0 +1,60 @@ +<!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: Background-position applied to elements with 'display' set to 'table-header-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-applies-to-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-header-group'." /> + <style type="text/css"> + #test + { + background-image: url('support/blue15x15.png'); + background-position: bottom right; + background-repeat: no-repeat; + display: table-header-group; + } + #table + { + border: solid black; + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + color: white; + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002a.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002a.xht new file mode 100644 index 0000000000..3d789305c1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002a.xht @@ -0,0 +1,45 @@ +<!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: Background-position applied to elements with 'display' set to 'table-header-group'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001a-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-header-group'." /> + + <style type="text/css"><![CDATA[ + thead + { + background-image: url("support/swatch-blue.png"); + background-position: top right; + background-repeat: no-repeat; + } + + td {border: transparent solid 25px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>one and only 1 small filled blue square</strong>.</p> + + <table> + <thead> + <tr><td></td><td></td></tr> + <tr><td></td><td></td></tr> + </thead> + <tbody> + <tr><td></td><td></td></tr> + <tr><td></td><td></td></tr> + </tbody> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002b.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002b.xht new file mode 100644 index 0000000000..56b61df91f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002b.xht @@ -0,0 +1,59 @@ +<!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: Background-position applied to elements with 'display' set to 'table-header-group'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001b-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-header-group'." /> + + <style type="text/css"><![CDATA[ + table {border-spacing: 0px;} + + thead + { + background-image: url("/css/support/60x60-red.png"); + background-position: bottom right; + background-repeat: no-repeat; + } + + td {padding: 0px;} + + td#top-left {border-top: transparent solid 60px;} + + td#top-right {border-right: transparent solid 60px;} + + td#bottom-left + { + border-bottom: transparent solid 60px; + border-left: transparent solid 60px; + } + + td#green-overlapping {border-bottom: green solid 60px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table> + <thead> + <tr><td id="top-left"></td><td id="top-right"></td></tr> + <tr><td id="bottom-left"></td><td id="green-overlapping"></td></tr> + </thead> + <tbody> + <tr><td></td><td></td></tr> + <tr><td></td><td></td></tr> + </tbody> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002c.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002c.xht new file mode 100644 index 0000000000..9b16866f68 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002c.xht @@ -0,0 +1,55 @@ +<!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: Background-position applied to elements with 'display' set to 'table-header-group'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001b-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-header-group'." /> + + <style type="text/css"><![CDATA[ + table {border-spacing: 0px;} + + thead + { + background-image: url("/css/support/60x60-red.png"); + background-position: bottom right; + background-repeat: no-repeat; + } + + td + { + padding: 0px; + width: 60px; + } + + td#top-left {border-top: transparent solid 60px;} + + td#green-overlapping {border-bottom: green solid 60px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table> + <thead> + <tr><td id="top-left"></td><td></td></tr> + <tr><td></td><td id="green-overlapping"></td></tr> + </thead> + <tbody> + <tr><td></td><td></td></tr> + <tr><td></td><td></td></tr> + </tbody> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002d.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002d.xht new file mode 100644 index 0000000000..e20d44894b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002d.xht @@ -0,0 +1,62 @@ +<!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: Background-position applied to elements with 'display' set to 'table-header-group'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001b-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-header-group'." /> + + <style type="text/css"><![CDATA[ + div#table {display: table;} + + div#thead + { + background-image: url("/css/support/60x60-red.png"); + background-position: bottom right; + background-repeat: no-repeat; + display: table-header-group; + } + + div.tr {display: table-row;} + + div#top-left + { + border-top: transparent solid 60px; + display: table-cell; + } + + div.td + { + display: table-cell; + width: 60px; + } + + div#green-overlapping + { + border-bottom: green solid 60px; + display: table-cell; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="table"> + <div id="thead"> + <div class="tr"><div id="top-left"></div><div class="td"></div></div> + <div class="tr"><div class="td"></div><div id="green-overlapping"></div></div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002e.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002e.xht new file mode 100644 index 0000000000..1cc1609ec9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-002e.xht @@ -0,0 +1,63 @@ +<!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: Background-position applied to elements with 'display' set to 'table-header-group'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001e-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-header-group'." /> + + <style type="text/css"><![CDATA[ + div#table {display: table;} + + div#thead + { + background-image: url("/css/support/60x60-red.png"); + background-position: bottom right; + background-repeat: no-repeat; + display: table-header-group; + } + + div.tr {display: table-row;} + + div.td + { + display: table-cell; + height: 60px; + width: 60px; + } + + div#overlapping-green + { + border-bottom: green solid 60px; + display: table-cell; + height: 60px; + width: 60px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="table"> + <div id="thead"> + <div class="tr"> + <div class="td"></div><div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div><div id="overlapping-green"></div> + </div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003.xht new file mode 100644 index 0000000000..a540f897ea --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003.xht @@ -0,0 +1,60 @@ +<!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: Background-position applied to elements with 'display' set to 'table-footer-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-applies-to-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-footer-group'." /> + <style type="text/css"> + #test + { + background-image: url('support/blue15x15.png'); + background-position: bottom right; + background-repeat: no-repeat; + display: table-footer-group; + } + #table + { + border: solid black; + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + color: white; + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003a.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003a.xht new file mode 100644 index 0000000000..9fe81f7f41 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003a.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: Background-position applied to elements with 'display' set to 'table-footer-group'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-footer-group'." /> + + <style type="text/css"><![CDATA[ + tfoot + { + background-image: url("support/swatch-blue.png"); + background-position: top right; + background-repeat: no-repeat; + } + + td {border: transparent solid 25px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>one and only 1 small filled blue square</strong>.</p> + + <table> + <tfoot> + <tr><td></td><td></td></tr> + <tr><td></td><td></td></tr> + </tfoot> + <tbody> + <tr><td></td><td></td></tr> + <tr><td></td><td></td></tr> + </tbody> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003b.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003b.xht new file mode 100644 index 0000000000..0f12bae1b7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003b.xht @@ -0,0 +1,59 @@ +<!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: Background-position applied to elements with 'display' set to 'table-footer-group'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001b-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-footer-group'." /> + + <style type="text/css"><![CDATA[ + table {border-spacing: 0px;} + + tfoot + { + background-image: url("/css/support/60x60-red.png"); + background-position: bottom right; + background-repeat: no-repeat; + } + + td {padding: 0px;} + + td#top-left {border-top: transparent solid 60px;} + + td#top-right {border-right: transparent solid 60px;} + + td#bottom-left + { + border-bottom: transparent solid 60px; + border-left: transparent solid 60px; + } + + td#green-overlapping {border-bottom: green solid 60px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table> + <tfoot> + <tr><td id="top-left"></td><td id="top-right"></td></tr> + <tr><td id="bottom-left"></td><td id="green-overlapping"></td></tr> + </tfoot> + <tbody> + <tr><td></td><td></td></tr> + <tr><td></td><td></td></tr> + </tbody> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003c.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003c.xht new file mode 100644 index 0000000000..7728652b5b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003c.xht @@ -0,0 +1,55 @@ +<!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: Background-position applied to elements with 'display' set to 'table-footer-group'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001b-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-footer-group'." /> + + <style type="text/css"><![CDATA[ + table {border-spacing: 0px;} + + tfoot + { + background-image: url("/css/support/60x60-red.png"); + background-position: bottom right; + background-repeat: no-repeat; + } + + td + { + padding: 0px; + width: 60px; + } + + td#top-left {border-top: transparent solid 60px;} + + td#green-overlapping {border-bottom: green solid 60px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table> + <tfoot> + <tr><td id="top-left"></td><td></td></tr> + <tr><td></td><td id="green-overlapping"></td></tr> + </tfoot> + <tbody> + <tr><td></td><td></td></tr> + <tr><td></td><td></td></tr> + </tbody> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003d.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003d.xht new file mode 100644 index 0000000000..40ac5243f7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003d.xht @@ -0,0 +1,62 @@ +<!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: Background-position applied to elements with 'display' set to 'table-footer-group'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001b-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-footer-group'." /> + + <style type="text/css"><![CDATA[ + div#table {display: table;} + + div#tfoot + { + background-image: url("/css/support/60x60-red.png"); + background-position: bottom right; + background-repeat: no-repeat; + display: table-footer-group; + } + + div.tr {display: table-row;} + + div#top-left + { + border-top: transparent solid 60px; + display: table-cell; + } + + div.td + { + display: table-cell; + width: 60px; + } + + div#green-overlapping + { + border-bottom: green solid 60px; + display: table-cell; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="table"> + <div id="tfoot"> + <div class="tr"><div id="top-left"></div><div class="td"></div></div> + <div class="tr"><div class="td"></div><div id="green-overlapping"></div></div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003e.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003e.xht new file mode 100644 index 0000000000..896e887ee6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-003e.xht @@ -0,0 +1,63 @@ +<!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: Background-position applied to elements with 'display' set to 'table-footer-group'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001e-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-footer-group'." /> + + <style type="text/css"><![CDATA[ + div#table {display: table;} + + div#tfoot + { + background-image: url("/css/support/60x60-red.png"); + background-position: bottom right; + background-repeat: no-repeat; + display: table-footer-group; + } + + div.tr {display: table-row;} + + div.td + { + display: table-cell; + height: 60px; + width: 60px; + } + + div#overlapping-green + { + border-bottom: green solid 60px; + display: table-cell; + height: 60px; + width: 60px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="table"> + <div id="tfoot"> + <div class="tr"> + <div class="td"></div><div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div><div id="overlapping-green"></div> + </div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-004.xht new file mode 100644 index 0000000000..177881d242 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-004.xht @@ -0,0 +1,48 @@ +<!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: Background-position applied to elements with 'display' set to 'table-row'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-applies-to-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-row'." /> + <style type="text/css"> + #table + { + border: solid black; + display: table; + table-layout: fixed; + width: 1in; + } + #row + { + background-image: url('support/blue15x15.png'); + background-position: bottom right; + background-repeat: no-repeat; + display: table-row; + } + .cell + { + color: white; + display: table-cell; + height: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p> + + <div id="table"> + + <div id="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005.xht new file mode 100644 index 0000000000..fdb099756a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005.xht @@ -0,0 +1,67 @@ +<!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: Background-position applied to elements with 'display' set to 'table-column-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-applies-to-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column-group'." /> + <style type="text/css"> + #test + { + background-image: url('support/blue15x15.png'); + background-position: bottom right; + background-repeat: no-repeat; + display: table-column-group; + } + .column + { + display: table-column; + } + + #table + { + border: solid black; + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + color: white; + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p> + + <div id="table"> + + <div id="test"> + <div class="column"></div> + <div class="column"></div> + </div> + + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005a.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005a.xht new file mode 100644 index 0000000000..9a9e51dd37 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005a.xht @@ -0,0 +1,42 @@ +<!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: Background-position applied to elements with 'display' set to 'table-column-group'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001a-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column-group'." /> + + <style type="text/css"><![CDATA[ + colgroup + { + background-image: url("support/swatch-blue.png"); + background-position: top right; + background-repeat: no-repeat; + } + + td {border: transparent solid 25px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>one and only 1 small filled blue square</strong>.</p> + + <table> + <colgroup><col></col><col></col></colgroup> + <tbody> + <tr><td></td><td></td></tr> + <tr><td></td><td></td></tr> + </tbody> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005b.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005b.xht new file mode 100644 index 0000000000..6ab399b755 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005b.xht @@ -0,0 +1,56 @@ +<!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: Background-position applied to elements with 'display' set to 'table-column-group'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001b-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column-group'." /> + + <style type="text/css"><![CDATA[ + table {border-spacing: 0px;} + + colgroup + { + background-image: url("/css/support/60x60-red.png"); + background-position: bottom right; + background-repeat: no-repeat; + } + + td {padding: 0px;} + + td#top-left {border-top: transparent solid 60px;} + + td#top-right {border-right: transparent solid 60px;} + + td#bottom-left + { + border-bottom: transparent solid 60px; + border-left: transparent solid 60px; + } + + td#green-overlapping {border-bottom: green solid 60px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table> + <colgroup><col></col><col></col></colgroup> + <tbody> + <tr><td id="top-left"></td><td id="top-right"></td></tr> + <tr><td id="bottom-left"></td><td id="green-overlapping"></td></tr> + </tbody> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005c.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005c.xht new file mode 100644 index 0000000000..913785bb19 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005c.xht @@ -0,0 +1,52 @@ +<!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: Background-position applied to elements with 'display' set to 'table-column-group'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001b-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column-group'." /> + + <style type="text/css"><![CDATA[ + table {border-spacing: 0px;} + + colgroup + { + background-image: url("/css/support/60x60-red.png"); + background-position: bottom right; + background-repeat: no-repeat; + } + + td + { + padding: 0px; + width: 60px; + } + + td#top-left {border-top: transparent solid 60px;} + + td#green-overlapping {border-bottom: green solid 60px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table> + <colgroup><col></col><col></col></colgroup> + <tbody> + <tr><td id="top-left"></td><td></td></tr> + <tr><td></td><td id="green-overlapping"></td></tr> + </tbody> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005d.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005d.xht new file mode 100644 index 0000000000..e5bdd45807 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005d.xht @@ -0,0 +1,69 @@ +<!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: Background-position applied to elements with 'display' set to 'table-column-group'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001b-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column-group'." /> + + <style type="text/css"><![CDATA[ + div#table {display: table;} + + div#colgroup + { + background-image: url("/css/support/60x60-red.png"); + background-position: bottom right; + background-repeat: no-repeat; + display: table-column-group; + } + + div.col {display: table-column;} + + div#tbody {display: table-row-group;} + + div.tr {display: table-row;} + + div#top-left + { + border-top: transparent solid 60px; + display: table-cell; + } + + div.td + { + display: table-cell; + width: 60px; + } + + div#green-overlapping + { + border-bottom: green solid 60px; + display: table-cell; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="table"> + <div id="colgroup"> + <div class="col"></div><div class="col"></div> + </div> + <div id="tbody"> + <div class="tr"><div id="top-left"></div><div class="td"></div></div> + <div class="tr"><div class="td"></div><div id="green-overlapping"></div></div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005e.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005e.xht new file mode 100644 index 0000000000..792b77c7a5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-005e.xht @@ -0,0 +1,70 @@ +<!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: Background-position applied to elements with 'display' set to 'table-column-group'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001e-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column-group'." /> + + <style type="text/css"><![CDATA[ + div#table {display: table;} + + div#colgroup + { + background-image: url("/css/support/60x60-red.png"); + background-position: bottom right; + background-repeat: no-repeat; + display: table-column-group; + } + + div.col {display: table-column;} + + div#tbody {display: table-row-group;} + + div.tr {display: table-row;} + + div.td + { + display: table-cell; + height: 60px; + width: 60px; + } + + div#overlapping-green + { + border-bottom: green solid 60px; + display: table-cell; + height: 60px; + width: 60px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="table"> + <div id="colgroup"> + <div class="col"></div><div class="col"></div> + </div> + <div id="tbody"> + <div class="tr"> + <div class="td"></div><div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div><div id="overlapping-green"></div> + </div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006.xht new file mode 100644 index 0000000000..b56c82fc1e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006.xht @@ -0,0 +1,63 @@ +<!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: Background-position applied to elements with 'display' set to 'table-column'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-applies-to-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column'." /> + <style type="text/css"> + #test + { + background-image: url('support/blue15x15.png'); + background-position: bottom right; + background-repeat: no-repeat; + } + .column + { + display: table-column; + } + + #table + { + border: solid black; + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + color: white; + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p> + + <div id="table"> + + <div class="column"></div> + <div id="test" class="column"></div> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006a.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006a.xht new file mode 100644 index 0000000000..a7ae62b2b9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006a.xht @@ -0,0 +1,42 @@ +<!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: Background-position applied to elements with 'display' set to 'table-column'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001a-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column'." /> + + <style type="text/css"><![CDATA[ + col#tested-col + { + background-image: url("support/swatch-blue.png"); + background-position: top right; + background-repeat: no-repeat; + } + + td {border: transparent solid 25px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>one and only 1 small filled blue square</strong>.</p> + + <table> + <col></col><col id="tested-col"></col> + <tbody> + <tr><td></td><td></td></tr> + <tr><td></td><td></td></tr> + </tbody> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006b.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006b.xht new file mode 100644 index 0000000000..25b8e7a278 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006b.xht @@ -0,0 +1,56 @@ +<!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: Background-position applied to elements with 'display' set to 'table-column'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001b-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column'." /> + + <style type="text/css"><![CDATA[ + table {border-spacing: 0px;} + + col#tested-col + { + background-image: url("/css/support/60x60-red.png"); + background-position: bottom right; + background-repeat: no-repeat; + } + + td {padding: 0px;} + + td#top-left {border-top: transparent solid 60px;} + + td#top-right {border-right: transparent solid 60px;} + + td#bottom-left + { + border-bottom: transparent solid 60px; + border-left: transparent solid 60px; + } + + td#green-overlapping {border-bottom: green solid 60px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table> + <col></col><col id="tested-col"></col> + <tbody> + <tr><td id="top-left"></td><td id="top-right"></td></tr> + <tr><td id="bottom-left"></td><td id="green-overlapping"></td></tr> + </tbody> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006c.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006c.xht new file mode 100644 index 0000000000..ac6ff54a09 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006c.xht @@ -0,0 +1,52 @@ +<!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: Background-position applied to elements with 'display' set to 'table-column'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001b-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column'." /> + + <style type="text/css"><![CDATA[ + table {border-spacing: 0px;} + + col#tested-col + { + background-image: url("/css/support/60x60-red.png"); + background-position: bottom right; + background-repeat: no-repeat; + } + + td#top-left {border-top: transparent solid 60px;} + + td + { + padding: 0px; + width: 60px; + } + + td#green-overlapping {border-bottom: green solid 60px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table> + <col></col><col id="tested-col"></col> + <tbody> + <tr><td id="top-left"></td><td></td></tr> + <tr><td></td><td id="green-overlapping"></td></tr> + </tbody> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006d.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006d.xht new file mode 100644 index 0000000000..293a596964 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006d.xht @@ -0,0 +1,67 @@ +<!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: Background-position applied to elements with 'display' set to 'table-column'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001b-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column'." /> + + <style type="text/css"><![CDATA[ + div#table {display: table;} + + div.col {display: table-column;} + + div#tested-col + { + background-image: url("/css/support/60x60-red.png"); + background-position: bottom right; + background-repeat: no-repeat; + display: table-column; + } + + div#tbody {display: table-row-group;} + + div.tr {display: table-row;} + + div#top-left + { + border-top: transparent solid 60px; + display: table-cell; + } + + div.td + { + display: table-cell; + width: 60px; + } + + div#green-overlapping + { + border-bottom: green solid 60px; + display: table-cell; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="table"> + <div class="col"></div><div id="tested-col"></div> + <div id="tbody"> + <div class="tr"><div id="top-left"></div><div class="td"></div></div> + <div class="tr"><div class="td"></div><div id="green-overlapping"></div></div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006e.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006e.xht new file mode 100644 index 0000000000..328e43d3da --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-006e.xht @@ -0,0 +1,68 @@ +<!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: Background-position applied to elements with 'display' set to 'table-column'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001e-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-column'." /> + + <style type="text/css"><![CDATA[ + div#table {display: table;} + + div.col {display: table-column;} + + div#tested-col + { + background-image: url("/css/support/60x60-red.png"); + background-position: bottom right; + background-repeat: no-repeat; + display: table-column; + } + + div#tbody {display: table-row-group;} + + div.tr {display: table-row;} + + div.td + { + display: table-cell; + height: 60px; + width: 60px; + } + + div#overlapping-green + { + border-bottom: green solid 60px; + display: table-cell; + height: 60px; + width: 60px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="table"> + <div class="col"></div><div id="tested-col"></div> + <div id="tbody"> + <div class="tr"> + <div class="td"></div><div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div><div id="overlapping-green"></div> + </div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-007.xht new file mode 100644 index 0000000000..f9e77b315b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-007.xht @@ -0,0 +1,56 @@ +<!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: Background-position applied to elements with 'display' set to 'table-cell'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-applies-to-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-cell'." /> + <style type="text/css"> + #test + { + background-image: url('support/blue15x15.png'); + background-position: bottom right; + background-repeat: no-repeat; + } + + #table + { + border: solid black; + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + color: white; + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p> + + <div id="table"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div id="test" class="cell">d</div> + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-007a.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-007a.xht new file mode 100644 index 0000000000..bac3a0749a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-007a.xht @@ -0,0 +1,68 @@ +<!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: Background-position applied to elements with 'display' set to 'table-cell'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-cell'." /> + + <style type="text/css"><![CDATA[ + div#table {display: table;} + + div#tbody {display: table-row-group;} + + div.tr {display: table-row;} + + div.td + { + display: table-cell; + height: 1in; + width: 1in; + } + + div#tested-cell + { + background-image: url('support/blue96x96.png'); + background-position: bottom right; + background-repeat: no-repeat; + border-bottom: white solid 96px; + /* + The goal/challenge in this test is to verify + that such white border-bottom does not + cover the background-image. + The background-image should "start" being + painted at bottom right corner of + padding-box of element and not "start" + being painted at bottom right corner of + its border-box. + */ + display: table-cell; + height: 2in; + width: 1in; + } + ]]></style> + </head> + + <body> + + <p>Test passes if there is a blue square.</p> + + <div id="table"> + <div id="tbody"> + <div class="tr"> + <div class="td"></div><div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div><div id="tested-cell"></div> + </div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-008.xht new file mode 100644 index 0000000000..a895f607bb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-008.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 Test: Background-position applied to elements with 'display' set to 'inline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'inline'." /> + <style type="text/css"> + div + { + background-image: url('support/blue15x15.png'); + background-position: bottom right; + background-repeat: no-repeat; + border: solid black; + display: inline; + font: 96px/1em serif; + } + </style> + </head> + <body> + <p>Test passes if the blue box is in the lower-right corner of the black box.</p> + <div> </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-009.xht new file mode 100644 index 0000000000..05cf72850b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-009.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 Test: Background-position applied to elements with 'display' set to 'block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-applies-to-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'block'." /> + <style type="text/css"> + span + { + background-image: url('support/blue15x15.png'); + background-position: bottom right; + background-repeat: no-repeat; + border: solid black; + display: block; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-010.xht new file mode 100644 index 0000000000..2453384968 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-010.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 Test: Background-position applied to elements with 'display' set to 'list-item'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'list-item'." /> + <style type="text/css"> + div + { + background-image: url('support/blue15x15.png'); + background-position: bottom right; + background-repeat: no-repeat; + border: solid black; + display: list-item; + height: 1in; + margin-left: 2em; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is 1 and only 1 small filled blue square, if it is located in the lower-right corner of a hollow black square and if there is a marker bullet on the left-hand side of the black square.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-012.xht new file mode 100644 index 0000000000..93d0659132 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-012.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: Background-position applied to elements with 'display' set to 'inline-block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-applies-to-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'inline-block'." /> + <style type="text/css"> + span#inline-block + { + background-image: url('support/blue15x15.png'); + background-position: bottom right; + background-repeat: no-repeat; + border: solid black; + display: inline-block; + width: 1in; + } + + span.block-descendant + { + color: white; + display: block; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p> + + <div> + <span id="inline-block"> + <span class="block-descendant">a</span> + <span class="block-descendant">b</span> + </span> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-013.xht new file mode 100644 index 0000000000..ae45d2398d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-013.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: Background-position applied to elements with 'display' set to 'table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-applies-to-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table'." /> + <style type="text/css"> + #table + { + background-image: url('support/blue15x15.png'); + background-position: bottom right; + background-repeat: no-repeat; + border: solid black; + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + color: white; + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p> + + <div id="table"> + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-013d.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-013d.xht new file mode 100644 index 0000000000..4fa7e0642a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-013d.xht @@ -0,0 +1,62 @@ +<!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: Background-position applied to elements with 'display' set to 'table'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001b-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table'." /> + + <style type="text/css"><![CDATA[ + div#table + { + background-image: url("/css/support/60x60-red.png"); + background-position: bottom right; + background-repeat: no-repeat; + display: table; + } + + div#tbody {display: table-row-group;} + + div.tr {display: table-row;} + + div#top-left + { + border-top: transparent solid 60px; + display: table-cell; + } + + div.td + { + display: table-cell; + width: 60px; + } + + div#green-overlapping + { + border-bottom: green solid 60px; + display: table-cell; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="table"> + <div id="tbody"> + <div class="tr"><div id="top-left"></div><div class="td"></div></div> + <div class="tr"><div class="td"></div><div id="green-overlapping"></div></div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-013e.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-013e.xht new file mode 100644 index 0000000000..fd1e6c4c49 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-013e.xht @@ -0,0 +1,63 @@ +<!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: Background-position applied to elements with 'display' set to 'table'</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" /> + <link rel="match" href="background-position-applies-to-001e-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table'." /> + + <style type="text/css"><![CDATA[ + div#table + { + background-image: url("/css/support/60x60-red.png"); + background-position: bottom right; + background-repeat: no-repeat; + display: table; + } + + div#tbody {display: table-row-group;} + + div.tr {display: table-row;} + + div.td + { + display: table-cell; + height: 60px; + width: 60px; + } + + div#overlapping-green + { + border-bottom: green solid 60px; + display: table-cell; + height: 60px; + width: 60px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="table"> + <div id="tbody"> + <div class="tr"> + <div class="td"></div><div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div><div id="overlapping-green"></div> + </div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-014.xht new file mode 100644 index 0000000000..a9e74db21b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-014.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: Background-position applied to elements with 'display' set to 'inline-table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-applies-to-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'inline-table'." /> + <style type="text/css"> + #table + { + background-image: url('support/blue15x15.png'); + background-position: bottom right; + background-repeat: no-repeat; + border: solid black; + display: inline-table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + color: white; + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p> + + <div id="table"> + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-015.xht new file mode 100644 index 0000000000..5952305bd9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-position-applies-to-015.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"> + <head> + <title>CSS Test: Background-position applied to elements with 'display' set to 'table-caption'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-position-applies-to-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'table-caption'." /> + <style type="text/css"> + #table + { + display: table; + } + #caption + { + background-image: url('support/blue15x15.png'); + background-position: bottom right; + background-repeat: no-repeat; + border: solid black; + display: table-caption; + height: 1in; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is 1 and only 1 small filled blue square and if it is located in the lower-right corner of a hollow black square.</p> + <div id="table"> + <div id="caption"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-001-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-001-ref.xht new file mode 100644 index 0000000000..0c9caf9470 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-001-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[ + div {border: black solid 5px;} + + img {vertical-align: top;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the area inside the black rectangle is blue.</p> + + <div><img src="support/blue15x15.png" width="100%" height="200" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-001.xht new file mode 100644 index 0000000000..1017637f05 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-001.xht @@ -0,0 +1,27 @@ +<!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: Background-repeat set to 'repeat'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-04 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" /> + <link rel="match" href="background-repeat-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-repeat set to 'repeat' causes the background image for the element to tile horizontally and vertically." /> + <style type="text/css"> + div + { + background-image: url("support/blue15x15.png"); + background-repeat: repeat; + border: 5px solid black; + height: 200px; + } + </style> + </head> + <body> + <p>Test passes if the area inside the black rectangle is blue.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-002-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-002-ref.xht new file mode 100644 index 0000000000..08384dbe8c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-002-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: black; + height: 200px; + } + + img {vertical-align: top;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is an horizontal blue stripe directly above a filled black rectangle.</p> + + <div><img src="support/blue15x15.png" width="100%" height="15" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-002.xht new file mode 100644 index 0000000000..d633d4a69c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-002.xht @@ -0,0 +1,27 @@ +<!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: Background-repeat set to 'repeat-x'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-04 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" /> + <link rel="match" href="background-repeat-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-repeat set to 'repeat-x' repeats the image horizontally to fill the space." /> + <style type="text/css"> + div + { + background-color: black; + background-image: url("support/blue15x15.png"); + background-repeat: repeat-x; + height: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is an horizontal blue stripe directly above a filled black rectangle.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-003-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-003-ref.xht new file mode 100644 index 0000000000..0eb5ec18c1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-003-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: black; + height: 200px; + } + + img {vertical-align: top;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a vertical blue stripe to the left of a filled black rectangle. Also, the blue stripe and black rectangle have the same height.</p> + + <div><img src="support/blue15x15.png" width="15" height="100%" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-003.xht new file mode 100644 index 0000000000..79819fdc7a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-003.xht @@ -0,0 +1,27 @@ +<!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: Background-repeat set to 'repeat-y'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-04 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" /> + <link rel="match" href="background-repeat-003-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-repeat set to 'repeat-y' repeats the image vertically to fill the space." /> + <style type="text/css"> + div + { + background-color: black; + background-image: url("support/blue15x15.png"); + background-repeat: repeat-y; + height: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a vertical blue stripe to the left of a filled black rectangle. Also, the blue stripe and black rectangle have the same height.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-004-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-004-ref.xht new file mode 100644 index 0000000000..72622ffd50 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-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: black; + height: 200px; + } + + img {vertical-align: top;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a small filled blue square in the upper-left corner of the filled black rectangle.</p> + + <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-004.xht new file mode 100644 index 0000000000..7b61f1d770 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-004.xht @@ -0,0 +1,27 @@ +<!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: Background-repeat set to 'no-repeat'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-04 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" /> + <link rel="match" href="background-repeat-004-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-repeat set to 'no-repeat' does not repeat the image." /> + <style type="text/css"> + div + { + background-color: black; + background-image: url("support/blue15x15.png"); + background-repeat: no-repeat; + height: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a small filled blue square in the upper-left corner of the filled black rectangle.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-005.xht new file mode 100644 index 0000000000..63b61c39f4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-005.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"> + <head> + <title>CSS Test: Background-repeat set to 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-04 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" /> + <link rel="match" href="background-repeat-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background-repeat set to 'inherit' uses its parent's 'background-repeat' property value." /> + <style type="text/css"> + body + { + background-repeat: repeat-x; + } + div + { + background-color: black; + background-image: url("support/blue15x15.png"); + background-repeat: inherit; + height: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is an horizontal blue stripe directly above a filled black rectangle.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-001.xht new file mode 100644 index 0000000000..b147747632 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-001.xht @@ -0,0 +1,59 @@ +<!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: Background-repeat applied to elements with 'display' set to 'table-row-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'table-row-group'." /> + <style type="text/css"> + #test + { + background-color: red; + background-image: url('support/green15x15.png'); + background-repeat: repeat; + display: table-row-group; + } + #table + { + display: table; + table-layout: fixed; + width: 100px; + } + .row + { + display: table-row; + } + .cell + { + color: green; + display: table-cell; + height: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-002.xht new file mode 100644 index 0000000000..5d16f826bb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-002.xht @@ -0,0 +1,59 @@ +<!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: Background-repeat applied to elements with 'display' set to 'table-header-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'table-header-group'." /> + <style type="text/css"> + #test + { + background-color: red; + background-image: url('support/green15x15.png'); + background-repeat: repeat; + display: table-header-group; + } + #table + { + display: table; + table-layout: fixed; + width: 100px; + } + .row + { + display: table-row; + } + .cell + { + color: green; + display: table-cell; + height: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-003.xht new file mode 100644 index 0000000000..ded37ad9a1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-003.xht @@ -0,0 +1,59 @@ +<!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: Background-repeat applied to elements with 'display' set to 'table-footer-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'table-footer-group'." /> + <style type="text/css"> + #test + { + background-color: red; + background-image: url('support/green15x15.png'); + background-repeat: repeat; + display: table-footer-group; + } + #table + { + display: table; + table-layout: fixed; + width: 100px; + } + .row + { + display: table-row; + } + .cell + { + color: green; + display: table-cell; + height: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-004.xht new file mode 100644 index 0000000000..6a852f6e7f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-004.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"> + <head> + <title>CSS Test: Background-repeat applied to elements with 'display' set to 'table-row'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'table-row'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + width: 100px; + } + #row + { + background-color: red; + background-image: url('support/green15x15.png'); + background-repeat: repeat; + display: table-row; + } + .cell + { + color: green; + display: table-cell; + height: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="table"> + + <div id="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-005.xht new file mode 100644 index 0000000000..56cfd2453f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-005.xht @@ -0,0 +1,66 @@ +<!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: Background-repeat applied to elements with 'display' set to 'table-column-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'table-column-group'." /> + <style type="text/css"> + #test + { + background-color: red; + background-image: url('support/green15x15.png'); + background-repeat: repeat; + display: table-column-group; + } + .column + { + display: table-column; + } + #table + { + display: table; + table-layout: fixed; + width: 100px; + } + .row + { + display: table-row; + } + .cell + { + color: green; + display: table-cell; + height: 50px; + } + + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="table"> + + <div id="test"> + <div class="column"></div> + <div class="column"></div> + </div> + + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-006.xht new file mode 100644 index 0000000000..f85b66a53a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-006.xht @@ -0,0 +1,65 @@ +<!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: Background-repeat applied to elements with 'display' set to 'table-column'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'table-column'." /> + <style type="text/css"> + #test + { + background-color: red; + background-image: url('support/green15x15.png'); + background-repeat: repeat; + display: table-column; + width: 100px; + } + #table + { + display: table; + table-layout: fixed; + width: 200px; + } + .column + { + display: table-column; + } + .row + { + display: table-row; + } + .cell + { + color: green; + display: table-cell; + height: 50px; + } + + div.cell + div.cell {color: white;} + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="table"> + + <div id="test" class="column"></div> + <div class="column"></div> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-007.xht new file mode 100644 index 0000000000..7abe0407e8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-007.xht @@ -0,0 +1,42 @@ +<!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: Background-repeat applied to elements with 'display' set to 'table-cell'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'table-cell'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + } + #cell + { + background-color: red; + background-image: url('support/green15x15.png'); + background-repeat: repeat; + display: table-cell; + height: 100px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-008.xht new file mode 100644 index 0000000000..d4a5d14a72 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-008.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: Background-repeat applied to elements with 'display' set to 'inline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'inline'." /> + <style type="text/css"> + div + { + background-color: red; + background-image: url('support/green15x15.png'); + background-repeat: repeat; + display: inline; + font: 96px/1em serif; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below and no red visible on the page.</p> + <div> </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-009.xht new file mode 100644 index 0000000000..924b23de8a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-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"> + <head> + <title>CSS Test: Background-repeat applied to elements with 'display' set to 'block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'block'." /> + <style type="text/css"> + span + { + background-color: red; + background-image: url('support/green15x15.png'); + background-repeat: repeat; + display: block; + height: 100px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-010.xht new file mode 100644 index 0000000000..224d37bef4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-010.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 Test: Background-repeat applied to elements with 'display' set to 'list-item'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'list-item'." /> + <style type="text/css"> + div + { + background-color: red; + background-image: url('support/green15x15.png'); + background-repeat: repeat; + display: list-item; + height: 1in; + margin-left: 2em; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square, a marker bullet on its left-hand side 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/backgrounds/background-repeat-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-012.xht new file mode 100644 index 0000000000..abf8650d2d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-012.xht @@ -0,0 +1,40 @@ +<!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: Background-repeat applied to elements with 'display' set to 'inline-block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'inline-block'." /> + <style type="text/css"> + span#inline-block + { + background-color: red; + background-image: url('support/green15x15.png'); + background-repeat: repeat; + display: inline-block; + width: 100px; + } + + span.block-descendant + { + color: green; + display: block; + height: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + <div> + <span id="inline-block"> + <span class="block-descendant">a</span> + <span class="block-descendant">b</span> + </span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-013.xht new file mode 100644 index 0000000000..73b71e6304 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-013.xht @@ -0,0 +1,51 @@ +<!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: Background-repeat applied to elements with 'display' set to 'table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'table'." /> + <style type="text/css"> + #table + { + background-color: red; + background-image: url('support/green15x15.png'); + background-repeat: repeat; + display: table; + table-layout: fixed; + width: 100px; + } + .row + { + display: table-row; + } + .cell + { + color: green; + display: table-cell; + height: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="table"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-014.xht new file mode 100644 index 0000000000..0175f9c9ac --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-014.xht @@ -0,0 +1,51 @@ +<!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: Background-repeat applied to elements with 'display' set to 'inline-table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'inline-table'." /> + <style type="text/css"> + #table + { + background-color: red; + background-image: url('support/green15x15.png'); + background-repeat: repeat; + display: inline-table; + table-layout: fixed; + width: 100px; + } + .row + { + display: table-row; + } + .cell + { + color: green; + display: table-cell; + height: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="table"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-015.xht new file mode 100644 index 0000000000..385d2acbb2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-repeat-applies-to-015.xht @@ -0,0 +1,46 @@ +<!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: Background-repeat applied to elements with 'display' set to 'table-caption'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'table-caption'." /> + <style type="text/css"> + #table + { + display: table; + } + #caption + { + background-color: red; + background-image: url('support/green15x15.png'); + background-repeat: repeat; + display: table-caption; + height: 100px; + width: 100px; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + <div id="table"> + <div id="caption"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-reset-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-reset-001.xht new file mode 100644 index 0000000000..4898d17e2d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-reset-001.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: Background resets all background settings</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="Background sets all properties to initial and then applies specified ones." /> + <style type="text/css"> + div + { + background-color: red; + background: bottom fixed; + height: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-001-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-001-ref.xht new file mode 100644 index 0000000000..0103cb5289 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-001-ref.xht @@ -0,0 +1,27 @@ +<!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[ + body + { + background-color: green; + color: white; + height: 100%; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the background of this entire page is green.</p> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-001.xht new file mode 100644 index 0000000000..d7f5970245 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-001.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 Test: Background on root element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-root-001-ref.xht" /> + + <meta name="assert" content="Background of the root covers the entire canvas." /> + <style type="text/css"> + html + { + background: green; + color: white; + } + </style> + </head> + <body> + <p>Test passes if the background of this entire page is green.</p> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-002-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-002-ref.xht new file mode 100644 index 0000000000..7fa352d23b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-002-ref.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"> + + <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[ + body {margin: 1in 0 auto 0;} + + p + { + background-color: green; + color: white; + height: 84px; + padding-top: 1em; + padding-left: 104px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if this text is within the green box.</p> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-002.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-002.xht new file mode 100644 index 0000000000..67a6ba0e2a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-002.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 Test: Background on root element - background-position</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <link rel="match" href="background-root-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Background of the root has the initial background-position of 0, 0 and not the canvas." /> + <style type="text/css"> + html + { + background: url("support/green_box.png") repeat-x; + color: white; + margin: 1in; + } + + body + { + margin: 8px; + } + </style> + </head> + <body> + <p>Test passes if this text is within the green box.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-003.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-003.xht new file mode 100644 index 0000000000..e589c23bd2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-003.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: Background - background on root propagates to canvas</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta content="Background set on root element should cover the canvas" name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + background-color: blue; + display: table; + width: 500px; + } + + body + { + background-color: lime; + margin: 100px; + } + ]]></style> + + </head> + + <body> + + <p>The whole area of this page should be blue and only this text should be in a bright green box.</p> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-004-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-004-ref.xht new file mode 100644 index 0000000000..3eb13bb42b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-004-ref.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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + body + { + background-color: navy; + border: blue solid; + color: white; + margin: 1em; + padding: 2em; + } + + div + { + background-color: green; + border: lime solid; + padding: 3em; + } + ]]></style> + + </head> + + <body> + + <div>This paragraph should be a box that is green with a green +border, which should be in a navy box with a bright blue border. +The rest of the page should also be navy.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-004.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-004.xht new file mode 100644 index 0000000000..6e13036d4c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-004.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: Backgrounds on <body> and <html> - color vs color</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/01.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="match" href="background-root-004-ref.xht" /> + +<style type="text/css"><![CDATA[ + body { border: solid lime; background: green; color: white; } + html { border: solid blue; background: navy; color: yellow; } + :link, :visited { color: inherit; background: transparent; } + * { margin: 1em; padding: 1em; } +]]></style> + +</head> +<body> +<p>This paragraph should be a box that is green with a green +border, which should be in a navy box with a bright blue border. +The rest of the page should also be navy. </p> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-005-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-005-ref.xht new file mode 100644 index 0000000000..4429e5974f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-005-ref.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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + body + { + background-color: green; + border: blue solid; + color: white; + margin: 1em; + padding: 2em; + } + + div + { + border: lime solid; + padding: 3em; + } + ]]></style> + + </head> + + <body> + + <div>This text should be inside a bright green rectangle, which itself +should be enclosed in a bright blue rectangle. The background around, +between, and inside these borders and under this text be green.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-005.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-005.xht new file mode 100644 index 0000000000..bb76fb5a55 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-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: Backgrounds on <body> and <html> - color vs. transparent</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/02.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="match" href="background-root-005-ref.xht" /> + +<style type="text/css"><![CDATA[ + body { border: solid lime; background: green; color: white; } + html { border: solid blue; background: transparent; color: yellow; } + :link, :visited { color: inherit; background: transparent; } + * { margin: 1em; padding: 1em; } +]]></style> + +</head> +<body> +<p>This text should be inside a bright green rectangle, which itself +should be enclosed in a bright blue rectangle. The background around, +between, and inside these borders and under this text be green.</p> + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-006-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-006-ref.xht new file mode 100644 index 0000000000..1e40cec467 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-006-ref.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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + body + { + background: navy; + border: blue solid; + margin: 1em; + padding: 2em; + } + + div + { + background-image: url("support/square-white.png"); + border: lime solid; + color: green; + font: 900 28px Verdana, sans-serif; + padding: 72px; + } + ]]></style> + + </head> + + <body> + + <div>This box, which should have a bright green border, should have a +white tile background. The box surrounding it should have a navy +background. The rest of the page should also be navy.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-006.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-006.xht new file mode 100644 index 0000000000..bc69542c27 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-006.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 Test: Image backgrounds on <body> and <html> - image vs. color</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/03.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="match" href="background-root-006-ref.xht" /> + + <meta name="flags" content="image"/> + +<style type="text/css"><![CDATA[ + body { border: solid lime; background: red url(support/square-white.png); color: green; } + p { font: 900 1.75em Verdana, sans-serif; } + html { border: solid blue; background: navy; color: yellow; } + :link, :visited { color: inherit; background: transparent; } + * { margin: 1em; padding: 1em; } +]]></style> + +</head> +<body> +<p>This box, which should have a bright green border, should have a +white tile background. The box surrounding it should have a navy +background. The rest of the page should also be navy.</p> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-007-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-007-ref.xht new file mode 100644 index 0000000000..142066c7a5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-007-ref.xht @@ -0,0 +1,35 @@ +<!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[ + body + { + background-image: url("support/square-white.png"); + background-position: 2px 2px; + border: blue solid; + color: green; + margin: 1em; + } + + div + { + font: 900 28px Verdana, sans-serif; + padding: 104px; + } + ]]></style> + + </head> + + <body> + + <div>The entire page should be covered in a white tiled background +uninterrupted by the blue rectangle painted over it.</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-007.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-007.xht new file mode 100644 index 0000000000..c539d3780d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-007.xht @@ -0,0 +1,27 @@ +<!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: Image backgrounds on <body> and <html> - image vs. transparent</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/04.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="match" href="background-root-007-ref.xht" /> + + <meta name="flags" content="image"/> + +<style type="text/css"><![CDATA[ + body { background: red url(support/square-white.png); color: green; } + p { font: 900 1.75em Verdana, sans-serif; } + html { border: solid blue; background: transparent; color: yellow; } + :link, :visited { color: inherit; background: transparent; } + * { margin: 1em; padding: 1em; } +]]></style> + +</head> +<body> +<p>The entire page should be covered in a white tiled background +uninterrupted by the blue rectangle painted over it.</p> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-008-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-008-ref.xht new file mode 100644 index 0000000000..18922d0343 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-008-ref.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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + body + { + background: green url("support/square-white.png") repeat-y 19px 2px; + border: blue solid 3px; + color: white; + margin: 1em; + padding: 2em; + } + + div + { + border: solid lime; + padding: 3em; + } + ]]></style> + + </head> + + <body> + + <div>There should be a blue rectangle enclosing the bright green rectangle +enclosing this text. Just inside the left hand edge of the blue rectangle +should be a line of white square tiles, which should continue up and down the entire +height of the page. The rest of the page, around, between, and inside the +boxes, should be green.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-008.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-008.xht new file mode 100644 index 0000000000..540cd7d554 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-008.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 Test: Background propagation on <body> and <html> - repeat-y</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/05.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="match" href="background-root-008-ref.xht" /> + + <meta name="flags" content="image"/> + +<style type="text/css"><![CDATA[ + body { border: solid lime; background: green url(support/square-white.png) repeat-y top left; color: white; } + html { border: solid blue; background: transparent; color: yellow; } + * { margin: 1em; padding: 1em; } +]]></style> + +</head> +<body> +<p>There should be a blue rectangle enclosing the bright green rectangle +enclosing this text. Just inside the left hand edge of the blue rectangle +should be a line of white square tiles, which should continue up and down the entire +height of the page. The rest of the page, around, between, and inside the +boxes, should be green.</p> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-009.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-009.xht new file mode 100644 index 0000000000..60b01e12ee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-009.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 Test: Backgrounds on <body> and <html> - propagation vs. repeat</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/06.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="match" href="background-root-008-ref.xht" /> + + <meta name="flags" content="image"/> +<style type="text/css"><![CDATA[ + body { border: solid lime; background: green url(support/square-white.png) repeat-y top left; color: white; } + html { border: solid blue; background: transparent repeat-x; color: yellow; } + * { margin: 1em; padding: 1em; } +]]></style> + +</head> +<body> +<p>There should be a blue rectangle enclosing the bright green rectangle +enclosing this text. Just inside the left hand edge of the blue rectangle +should be a line of white square tiles, which should continue up and down the entire +height of the page. The rest of the page, around, between, and inside the +boxes, should be green.</p> + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-010-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-010-ref.xht new file mode 100644 index 0000000000..c7d0d031ef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-010-ref.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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + body + { + background: url("support/square-white.png") 2px 2px; + border: blue solid; + color: white; + margin: 1em; + padding: 2em; + } + + div + { + background: green url("support/square-purple.png") repeat-y top left; + border: lime solid; + padding: 3em; + } + ]]></style> + + </head> + + <body> + + <div>This text should in a green box with a green border, on the inside +left of which there should be a vertical line of purple tiles. The +box should be surrounded by a blue rectangle drawn on a background of +white tiles that covers the entire rest of the page.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-010.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-010.xht new file mode 100644 index 0000000000..6253306f2d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-010.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 Test: Background propagation on <body> and <html> - propagation vs. image</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/07.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="match" href="background-root-010-ref.xht" /> + + <meta name="flags" content="image"/> +<style type="text/css"><![CDATA[ + body { border: solid lime; background: green url(support/square-purple.png) repeat-y top left; color: white; } + html { border: solid blue; background: transparent url(support/square-white.png); color: yellow; } + :link, :visited { color: inherit; background: transparent; } + * { margin: 1em; padding: 1em; } +]]></style> + +</head> +<body> +<p>This text should in a green box with a green border, on the inside +left of which there should be a vertical line of purple tiles. The +box should be surrounded by a blue rectangle drawn on a background of +white tiles that covers the entire rest of the page. +</p> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-011-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-011-ref.xht new file mode 100644 index 0000000000..ca01599043 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-011-ref.xht @@ -0,0 +1,46 @@ +<!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[ + html {background-color: transparent;} + + body + { + background-color: transparent; + border: blue solid; + margin: 1em; + padding: 2em; + } + + div + { + border: lime solid; + padding: 2em; + } + + div > div + { + background-color: white; + border: none; + padding: 1em; + } + ]]></style> + + </head> + + <body> + + <div> + <div>Enclosing this text should be a solid lime border around which +there should be a solid blue one. The backgrounds are undefined.</div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-011.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-011.xht new file mode 100644 index 0000000000..6a611cb2be --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-011.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: Background propagation on <body> and <html> - fully transparent</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/08.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="match" href="background-root-011-ref.xht" /> + +<style type="text/css"><![CDATA[ + body { border: solid lime; background: transparent; } + html { border: solid blue; background: transparent; } + p, :link, :visited { color: black; background: white; } + * { margin: 1em; padding: 1em; } +]]></style> + +</head> +<body> +<p>Enclosing this text should be a solid lime border around which +there should be a solid blue one. The backgrounds are undefined.</p> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012a-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012a-ref.xht new file mode 100644 index 0000000000..4bbc68b440 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012a-ref.xht @@ -0,0 +1,35 @@ +<!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[ + body + { + background-color: green; + border: blue solid; + color: white; + margin: 1em; + padding: 2em; + } + + div + { + background: green url("support/square-purple.png") no-repeat center center; + border: lime solid; + padding: 3em; + } + ]]></style> + + </head> + + <body> + + <div>In the middle of the bright blue rectangle, there should be a purple tile. Resizing the window should make its position relative to this outer box stay the same.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012a.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012a.xht new file mode 100644 index 0000000000..a472cf4460 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012a.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: Background propagation on <body> and <html> - propagated position</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/09.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="match" href="background-root-012a-ref.xht" /> + + <meta name="flags" content="image interact"/> +<style type="text/css"><![CDATA[ + body { border: solid lime; background: green url(support/square-purple.png) no-repeat 50% 50%; color: white; } + html { border: solid blue; background: transparent; color: yellow; } + :link, :visited { color: inherit; background: transparent; } + * { margin: 1em; padding: 1em; } +]]></style> + +</head> +<body> +<p> In the middle of the bright blue rectangle, there +should be a purple tile. Resizing the window should make its +position relative to this outer box stay the same. + +</p></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012b-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012b-ref.xht new file mode 100644 index 0000000000..4669256f25 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012b-ref.xht @@ -0,0 +1,35 @@ +<!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[ + body + { + background-color: green; + border: blue solid; + color: white; + margin: 1em; + padding: 2em; + } + + div + { + background: green url("support/square-purple.png") no-repeat center center; + border: lime solid; + padding: 3em; + } + ]]></style> + + </head> + + <body> + + <div>In the middle of the bright blue rectangle, there should be a purple tile.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012b.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012b.xht new file mode 100644 index 0000000000..fddec0cfd0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-012b.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: Background propagation on <body> and <html> - propagated position</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/09.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="match" href="background-root-012b-ref.xht" /> + + <meta name="flags" content="image"/> +<style type="text/css"><![CDATA[ + body { border: solid lime; background: green url(support/square-purple.png) no-repeat 50% 50%; color: white; } + html { border: solid blue; background: transparent; color: yellow; } + :link, :visited { color: inherit; background: transparent; } + * { margin: 1em; padding: 1em; } +]]></style> + +</head> +<body> +<p> In the middle of the bright blue rectangle, there +should be a purple tile. + +</p></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013a-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013a-ref.xht new file mode 100644 index 0000000000..ec2c736f7e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013a-ref.xht @@ -0,0 +1,46 @@ +<!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[ + body + { + background-color: navy; + border: blue solid; + color: white; + margin: 1em 5%; + padding: 1em; + } + + div + { + background: green url("support/square-purple.png") no-repeat center; + border: lime solid; + margin: 1em 30% 1em 5%; + padding: 1em; + } + + div > div + { + border: none; + margin: 1em 5%; + padding: 1em; + } + ]]></style> + + </head> + + <body> + + <div> + <div>In the middle of this green box with the bright green border, there should be a purple tile. Resizing the window should make its position relative to this inner box stay the same.</div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013a.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013a.xht new file mode 100644 index 0000000000..0a01d1687a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013a.xht @@ -0,0 +1,27 @@ +<!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: Background propagation on <body> and <html> - non-propagated position</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/10.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="match" href="background-root-013a-ref.xht" /> + <meta name="flags" content="image interact"/> + +<style type="text/css"><![CDATA[ + body { border: solid lime; background: green url(support/square-purple.png) no-repeat 50% 50%; color: white; } + html { border: solid blue; background: navy; color: yellow; } + :link, :visited { color: inherit; background: transparent; } + * { margin: 1em 5%; padding: 1em; } + body { margin-right: 30%; } +]]></style> + +</head> +<body> +<p> In the middle of this green box with the bright green border, there +should be a purple tile. Resizing the window should make its +position relative to this inner box stay the same.</p> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013b-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013b-ref.xht new file mode 100644 index 0000000000..5c56502639 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013b-ref.xht @@ -0,0 +1,46 @@ +<!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[ + body + { + background-color: navy; + border: blue solid; + color: white; + margin: 1em 5%; + padding: 1em; + } + + div + { + background: green url("support/square-purple.png") no-repeat center; + border: lime solid; + margin: 1em 30% 1em 5%; + padding: 1em; + } + + div > div + { + border: none; + margin: 1em 5%; + padding: 1em; + } + ]]></style> + + </head> + + <body> + + <div> + <div>In the middle of this green box with the bright green border, there should be a purple tile.</div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013b.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013b.xht new file mode 100644 index 0000000000..76268ed3db --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-013b.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 Test: Background propagation on <body> and <html> - non-propagated position</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/10.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="match" href="background-root-013b-ref.xht" /> + <meta name="flags" content="image"/> + +<style type="text/css"><![CDATA[ + body { border: solid lime; background: green url(support/square-purple.png) no-repeat 50% 50%; color: white; } + html { border: solid blue; background: navy; color: yellow; } + :link, :visited { color: inherit; background: transparent; } + * { margin: 1em 5%; padding: 1em; } + body { margin-right: 30%; } +]]></style> + +</head> +<body> +<p> In the middle of this green box with the bright green border, there +should be a purple tile.</p> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014a-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014a-ref.xht new file mode 100644 index 0000000000..de9356113a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014a-ref.xht @@ -0,0 +1,35 @@ +<!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[ + body + { + background-color: navy; + border: blue solid; + color: white; + margin: 1em; + padding: 2em; + } + + div + { + background: green url("support/square-purple.png") no-repeat fixed center; + border: lime solid; + padding: 3em; + } + ]]></style> + + </head> + + <body> + + <div>In the exact middle of this page, there should be a purple tile. The tile must only be visible when the green box overlaps the tile; it must be hidden when overlapping the blue background. Resizing the window should keep the position of the purple tile in the center of the viewport, but the tile should still only be visible inside this dark green box.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014a.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014a.xht new file mode 100644 index 0000000000..fd2364dbf1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014a.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 Test: Background propagation on <body> and <html> - non-propagated attached position</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/11.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="match" href="background-root-014a-ref.xht" /> + <meta name="flags" content="image interact"/> +<style type="text/css"><![CDATA[ + body { border: solid lime; background: green url(support/square-purple.png) fixed no-repeat 50% 50%; color: white; } + html { border: solid blue; background: navy; color: yellow; } + :link, :visited { color: inherit; background: transparent; } + * { margin: 1em; padding: 1em; } +]]></style> + +</head> +<body> +<p>In the exact middle of this page, there should be a purple tile. +The tile must only be visible when the green box overlaps the tile; +it must be hidden when overlapping the blue background. + +Resizing the window should keep the position of the purple tile +in the center of the viewport, but the tile should still only +be visible inside this dark green box.</p> + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014b-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014b-ref.xht new file mode 100644 index 0000000000..0a25f8a608 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014b-ref.xht @@ -0,0 +1,35 @@ +<!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[ + body + { + background-color: navy; + border: blue solid; + color: white; + margin: 1em; + padding: 2em; + } + + div + { + background: green url("support/square-purple.png") no-repeat fixed center; + border: lime solid; + padding: 3em; + } + ]]></style> + + </head> + + <body> + + <div>In the exact middle of this page, there should be a purple tile. The tile must only be visible when the green box overlaps the tile; it must be hidden when overlapping the blue background.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014b.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014b.xht new file mode 100644 index 0000000000..6866fb2c97 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-014b.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: Background propagation on <body> and <html> - non-propagated attached position</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/11.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="match" href="background-root-014b-ref.xht" /> + <meta name="flags" content="image"/> +<style type="text/css"><![CDATA[ + body { border: solid lime; background: green url(support/square-purple.png) fixed no-repeat 50% 50%; color: white; } + html { border: solid blue; background: navy; color: yellow; } + :link, :visited { color: inherit; background: transparent; } + * { margin: 1em; padding: 1em; } +]]></style> + +</head> +<body> +<p>In the exact middle of this page, there should be a purple tile. +The tile must only be visible when the green box overlaps the tile; +it must be hidden when overlapping the blue background.</p> + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-015-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-015-ref.xht new file mode 100644 index 0000000000..6851c15dee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-015-ref.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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + body + { + background: white url("support/square-teal.png") no-repeat center 19px; + border: blue solid 3px; + margin: 1em; + padding: 70px 2em 2em 2em; + } + + div + { + background: white url("support/square-purple.png") no-repeat 50% 0%; + border: lime solid 3px; + margin-top: 1em; + padding: 102px 3em 3em 3em; + } + ]]></style> + + </head> + + <body> + + <div>Centered just inside the top of the green-bordered box there should be a + purple square, and centered just inside the top of the blue-bordered box + there should be a teal square.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-015.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-015.xht new file mode 100644 index 0000000000..e31acc8404 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-015.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 Test: Background propagation on <body> and <html> - double positioning</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/12.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="match" href="background-root-015-ref.xht" /> + <meta name="flags" content="image"/> +<style type="text/css"><![CDATA[ + body { border: solid lime; background: white url(support/square-purple.png) no-repeat top center; color: black; } + html { border: solid blue; background: white url(support/square-teal.png) no-repeat top center; color: black; } + :link, :visited { color: inherit; background: transparent; } + * { margin: 1em; padding: 1em; } + html, body { padding-top: 70px; } +]]></style> + +</head> +<body> +<p>Centered just inside the top of the green-bordered box there should be a + purple square, and centered just inside the top of the blue-bordered box + there should be a teal square.</p> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-016-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-016-ref.xht new file mode 100644 index 0000000000..3bcf9123b7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-016-ref.xht @@ -0,0 +1,35 @@ +<!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[ + body + { + background: white url(support/square-teal.png) repeat-x center 20px; + border: blue solid 3px; + color: white; + margin: 17px; + padding: 17px; + } + + div + { + background: green url(support/square-purple.png) center top no-repeat; + border: lime solid; + padding: 2em; + } + ]]></style> + + </head> + + <body> + + <div>There should be a horizontal line of teal tiles positioned between the top border of the blue box and the top border of the bright green box, and extending all the way past the sides of the blue box to the left and right edges of the page. One of those tiles must be centered horizontally within the page, so that it is exactly above the purple square that appears at the top of the inner green box.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-016.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-016.xht new file mode 100644 index 0000000000..8d3e1e1f37 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-016.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 Test: Background propagation on <body> and <html> - canvas positioning</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/13.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="match" href="background-root-016-ref.xht" /> + +<style type="text/css"><![CDATA[ + body { border: solid lime; background: green url(support/square-purple.png) center top no-repeat; color: white; } + html { border: solid blue; background: white url(support/square-teal.png) repeat-x top center; color: black; } + :link, :visited { color: inherit; background: transparent; } + p { margin: 1em; padding: 1em; } + html, body { margin: 17px; } +]]></style> + +</head> +<body> +<p>There should be a horizontal line of teal tiles positioned between +the top border of the blue box and the top border of the bright green +box, and extending all the way past the sides of the blue box to the +left and right edges of the page. +One of those tiles must be centered horizontally within the page, so +that it is exactly above the purple square that appears at the top of +the inner green box. </p> + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-017-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-017-ref.xht new file mode 100644 index 0000000000..7d3a3580ae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-017-ref.xht @@ -0,0 +1,41 @@ +<!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[ + body + { + background-color: navy; + border: blue solid; + color: white; + margin: 1em; + padding: 2em; + } + + div + { + background-color: green; + border: lime solid; + padding: 3em; + } + + strong + { + margin: 0em 1em; + padding: 1em; + } + ]]></style> + + </head> + + <body> + + <div>This paragraph should be a box that is green with a green border, which should be in a navy box with a bright blue border. The rest of the page should also be navy. <strong>The outer sea of blue should extend to the edges of the viewport, but the boxes should just wrap around this text and not grow to match the viewport.</strong></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-017.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-017.xht new file mode 100644 index 0000000000..6405ac1266 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-017.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 Test: Height of root element</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/14.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#Computing_heights_and_margins"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="match" href="background-root-017-ref.xht" /> + +<style type="text/css"><![CDATA[ + body { border: solid lime; background: green; color: white; } + html { border: solid blue; background: navy; color: yellow; } + :link, :visited { color: inherit; background: transparent; } + * { margin: 1em; padding: 1em; } +]]></style> + +</head> +<body> +<p>This paragraph should be a box that is green with a green +border, which should be in a navy box with a bright blue border. +The rest of the page should also be navy. <strong>The outer sea +of blue should extend to the edges of the viewport, but the +boxes should just wrap around this text and not grow to match +the viewport.</strong></p> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-018-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-018-ref.xht new file mode 100644 index 0000000000..47403561f9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-018-ref.xht @@ -0,0 +1,56 @@ +<!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"> + html, body {height: 100%;} + + body + { + margin: 0px; + overflow: hidden; + } + + div#grand-parent + { + background: url("support/cat.png") 21px 21px; + height: 100%; + padding: 1em; + } + + div#parent + { + border: blue solid 5px; + padding: 2em; + } + + div#child + { + border: gray solid medium; + padding: 3em; + } + + span + { + background-color: yellow; + font-size: larger; + } + </style> + + </head> + + <body> + + <div id="grand-parent"> + <div id="parent"> + <div id="child"><span>There should be lots of cats in the background, covering the entire page, excluding the yellow background of this text, but <em>including the area outside the blue box</em>. One of the cats should start exactly inside the top left corner of the blue box (the HTML box).</span></div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-018.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-018.xht new file mode 100644 index 0000000000..92dae30a96 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-018.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 Test: Background propagation on <body> and <html> - Tiling and positioning</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/15.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="match" href="background-root-018-ref.xht" /> + + <meta name="flags" content="image"/> +<style type="text/css"><![CDATA[ + body { border: solid gray; background: red url(support/cat.png); color: black; } + html { border: solid 5px blue; background: transparent; color: black; } + span { background: yellow; font-size: larger; } + * { margin: 1em; padding: 1em; } + em, span { margin: 0; padding: 0; } +]]></style> + +</head> +<body> +<p><span>There should be lots of cats in the background, covering the +entire page, excluding the yellow background of this text, but +<em>including the area outside the blue box</em>. +One of the cats should start exactly inside the top left +corner of the blue box (the HTML box).</span></p> + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-019-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-019-ref.xht new file mode 100644 index 0000000000..825f32636c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-019-ref.xht @@ -0,0 +1,35 @@ +<!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[ + body + { + background: navy url("support/diamond.png") no-repeat; + border: blue solid 1em; + margin: 1em; + padding: 2em; + } + + div + { + background-color: green; + border: solid lime; + color: white; + padding: 3em; + } + ]]></style> + + </head> + + <body> + + <div>This time, there should be a single purple diamond at the upper left hand corner of the viewport. It should be bathed in blue. In this sea of blue there should be a bright thick blue border, containing more blue and a thin bright green border, which itself contains only green and this text.</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-019.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-019.xht new file mode 100644 index 0000000000..cd7d7e812f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-019.xht @@ -0,0 +1,27 @@ +<!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: Canvas background - position</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/16.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="match" href="background-root-019-ref.xht" /> + +<style type="text/css"><![CDATA[ + body { border: solid lime; background: green; color: white; } + html { border: 1em solid blue; background: navy url(support/diamond.png) -2em -2em no-repeat; color: yellow; } + :link, :visited { color: inherit; background: transparent; } + * { margin: 1em; padding: 1em; } +]]></style> + +</head> +<body> +<p> This time, there should be a single purple diamond at the upper left +hand corner of the viewport. It should be bathed in blue. In this sea +of blue there should be a bright thick blue border, containing more +blue and a thin bright green border, which itself contains only green +and this text.</p> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-020-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-020-ref.xht new file mode 100644 index 0000000000..66ee7c18ae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-020-ref.xht @@ -0,0 +1,35 @@ +<!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[ + body + { + background-color: green; + border: lime solid 1em; + color: yellow; + margin: 1em; + padding: 2em; + } + + div + { + border: inherit; + padding: 3em; + text-align: justify; + } + ]]></style> + + </head> + + <body> + + <div>Test is passed if this paragraph has two thick bright green borders surrounding it and if the background of the whole page is green. The box formed by the outer bright green border should not become taller (or smaller) if the window height is increased or maximized (or decreased): its sides should be approximately equidistant from the edges of this text.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-020.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-020.xht new file mode 100644 index 0000000000..6361f768bc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-020.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 Test: Background: Test Seventeen</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/17.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#Computing_heights_and_margins"/> + <meta name="assert" content="Rules governing visual formating of block level non-replaced elements and calculations of height apply to the document root element just as to any other element. Document root element should not stretch vertically to fit the viewport; document root element should only be as tall as required to enclose its content."/> + <link rel="match" href="background-root-020-ref.xht" /> + +<style type="text/css"><![CDATA[ + body, html { background: green; border: lime 1em solid; margin: 1em; padding: 1em; color: yellow; } + :link, :visited { color: inherit; background: transparent; } + * { margin: 1em; padding: 1em; text-align: justify; } +]]></style> + +</head> +<body> + + <p>Test is passed if this paragraph has two thick bright green borders surrounding it + and if the background of the whole page is green. The box formed by the outer + bright green border should not become taller (or smaller) if the window height is + increased or maximized (or decreased): its sides should be approximately + equidistant from the edges of this text.</p> + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-023-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-023-ref.xht new file mode 100644 index 0000000000..52585163d2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-023-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[ + body {margin: 3em 0em 0.5em 0em;} + + div + { + background-color: green; + border-left: orange solid 1em; + height: 60px; + } + + p {margin: 0em 1em;} + ]]></style> + + </head> + + <body> + + <div></div> + + <p>There should be a horizontal green bar crossing the page above this sentence, exactly the height of the vertical orange bar at its left end:</p> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-023.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-023.xht new file mode 100644 index 0000000000..e61788617c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-023.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: Opera Tests: Background: Test Twenty Three</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <meta content="The BODY and HTML backgrounds are drawn independently when each is specified, even if their specified values are the same." name="assert" /> <!-- I am not sure what the original intention of the test was, but it was wrong, so this is my attempt to fix it. --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/23.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <link rel="match" href="background-root-023-ref.xht" /> + +<style type="text/css"><![CDATA[ + html { background: url(support/60x60-gg-rr.png) 0 3em repeat-x; margin: 0; border: 0; padding: 0; } + body { background: url(support/60x60-gg-rr.png) 0 3em repeat-x; margin: 0; border: 0; padding: 0; } + p { margin-top: 30px; border-top: 30px solid transparent; height: 0; padding: 3em 1em 0; font-size: 1em; } + div { position: fixed; top: 3em; height: 60px; background: orange; left: 0; width: 1em; } +]]></style> + +</head> +<body> +<p>There should be a horizontal green bar crossing the page above this sentence, exactly the height of the vertical orange bar at its left end:</p> + +<div></div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-024-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-024-ref.xht new file mode 100644 index 0000000000..384bdcfe1d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-024-ref.xht @@ -0,0 +1,41 @@ +<!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"> + html, body + { + height: 100%; + margin: 0px; + } + + div#parent + { + background: url("support/cat.png") repeat-y 1em 1em; + height: 100%; + } + + div#child + { + color: navy; + font: bold 2em sans-serif; + margin-left: 100px; + padding: 4em 3em; + } + </style> + + </head> + + <body> + + <div id="parent"> + <div id="child">There should be a column of cats to the left of this page.</div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-024.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-024.xht new file mode 100644 index 0000000000..5a8ed3210a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-024.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Repeating Backgrounds: Y</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/repeat/001.html" type="text/html"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/repeat/001.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" /> + <link rel="match" href="background-root-024-ref.xht" /> + + <style type="text/css"><![CDATA[ + body { background: url(support/cat.png) repeat-y; color: navy; font: bold 2em sans-serif; } + p { margin-left: 100px; } + html, body { margin: 1em; padding: 1em; } + ]]></style> + </head> + <body> + <p>There should be a column of cats to the left of this page.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-101-ref.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-101-ref.xht new file mode 100644 index 0000000000..1db8fae10b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-101-ref.xht @@ -0,0 +1,27 @@ +<!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[ + body + { + background-color: green; + color: white; + } + + p {font-weight: bold;} + ]]></style> + + </head> + + <body> + + <p>This page should be green (and this text should be bold -- if it isn't bold, something went wrong with the script part of the test).</p> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-101.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-101.xht new file mode 100644 index 0000000000..49ef3738e0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-101.xht @@ -0,0 +1,27 @@ +<!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" class="reftest-wait"> + <head class="before"> + <title>CSS Test: CSS: Changing the background of the BODY element by changing a sibling's class</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/dynamic/001.html" type="text/html"/> + <meta name="flags" content="dom"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" /> + <link rel="match" href="background-root-101-ref.xht" /> + + <style type="text/css"><![CDATA[ + head.before + body { background: red; color: yellow; } + head.after + body { background: green; color: white; } + p.after { font-weight: bold; } + ]]></style> + <script type="text/javascript"> + function test() { + document.getElementsByTagName('head')[0].className = 'after'; + document.getElementsByTagName('p')[0].className = 'after'; + document.documentElement.className = ""; + } + </script> + </head> + <body onload="setTimeout(test, 5)"> + <p class="before">This page should be green (and this text should be bold -- if it isn't bold, something went wrong with the script part of the test).</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-102.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-102.xht new file mode 100644 index 0000000000..f680ca46c3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-102.xht @@ -0,0 +1,27 @@ +<!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" lang="en" class="reftest-wait"> + <head> + <title>CSS Test: CSS: Changing the background of the BODY element by changing its class</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/dynamic/002.html" type="text/html"/> + <meta name="flags" content="dom"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" /> + <link rel="match" href="background-root-101-ref.xht" /> + + <style type="text/css"><![CDATA[ + body.before { background: red; color: yellow; } + body.after { background: green; color: white; } + p.after { font-weight: bold; } + ]]></style> + <script type="text/javascript"> + function test() { + document.getElementsByTagName('body')[0].className = 'after'; + document.getElementsByTagName('p')[0].className = 'after'; + document.documentElement.className = ""; + } + </script> + </head> + <body class="before" onload="setTimeout(test, 5)"> + <p class="before">This page should be green (and this text should be bold -- if it isn't bold, something went wrong with the script part of the test).</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-root-103.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-103.xht new file mode 100644 index 0000000000..f82f452707 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-root-103.xht @@ -0,0 +1,27 @@ +<!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" lang="en-before" class="reftest-wait"> + <head> + <title>CSS Test: CSS: Changing the background of the BODY element by changing a parent's attribute</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/dynamic/003.html" type="text/html"/> + <meta name="flags" content="dom"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" /> + <link rel="match" href="background-root-101-ref.xht" /> + + <style type="text/css"><![CDATA[ + html[lang="en-before"] > body { background: red; color: yellow; } + html[lang="en-after"] > body { background: green; color: white; } + p[lang="en-after"] { font-weight: bold; } + ]]></style> + <script type="text/javascript"> + function test() { + document.getElementsByTagName('html')[0].lang = 'en-after'; + document.getElementsByTagName('p')[0].lang = 'en-after'; + document.documentElement.className = ""; + } + </script> + </head> + <body onload="setTimeout(test, 5)"> + <p lang="en-before">This page should be green (and this text should be bold -- if it isn't bold, something went wrong with the script part of the test).</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/background-transparency-001.xht b/testing/web-platform/tests/css/CSS2/backgrounds/background-transparency-001.xht new file mode 100644 index 0000000000..eeec1719d9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/background-transparency-001.xht @@ -0,0 +1,21 @@ +<!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: Background initial transparency</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="assert" content="Background of the parent shines through the child if nothing is over it." /> + <style type="text/css"> + #div1 + { + background: orange; + } + </style> + </head> + <body> + <p>Test passes if the background of the "Filler Text" below is orange.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/000001_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/000001_color.png Binary files differnew file mode 100644 index 0000000000..44e8f5fc3f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/000001_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/000002_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/000002_color.png Binary files differnew file mode 100644 index 0000000000..6825fc50d3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/000002_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/000003_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/000003_color.png Binary files differnew file mode 100644 index 0000000000..e537ccb321 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/000003_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/000066_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/000066_color.png Binary files differnew file mode 100644 index 0000000000..fd5146f51e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/000066_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/00007f_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/00007f_color.png Binary files differnew file mode 100644 index 0000000000..e650990901 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/00007f_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/000080_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/000080_color.png Binary files differnew file mode 100644 index 0000000000..a45e346be3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/000080_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/0000fc_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/0000fc_color.png Binary files differnew file mode 100644 index 0000000000..91d607c63f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/0000fc_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/0000fd_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/0000fd_color.png Binary files differnew file mode 100644 index 0000000000..f994178a4b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/0000fd_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/0000fe_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/0000fe_color.png Binary files differnew file mode 100644 index 0000000000..85b46c91f3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/0000fe_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/000100_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/000100_color.png Binary files differnew file mode 100644 index 0000000000..f588ea6a54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/000100_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/000200_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/000200_color.png Binary files differnew file mode 100644 index 0000000000..96780cea16 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/000200_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/000300_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/000300_color.png Binary files differnew file mode 100644 index 0000000000..98ad6a9d2a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/000300_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/000_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/000_color.png Binary files differnew file mode 100644 index 0000000000..77ff0976b2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/000_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/001_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/001_color.png Binary files differnew file mode 100644 index 0000000000..07142d0174 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/001_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/006600_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/006600_color.png Binary files differnew file mode 100644 index 0000000000..b1176065c4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/006600_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/007f00_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/007f00_color.png Binary files differnew file mode 100644 index 0000000000..795241a77b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/007f00_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/008000_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/008000_color.png Binary files differnew file mode 100644 index 0000000000..7d36483c20 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/008000_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/009_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/009_color.png Binary files differnew file mode 100644 index 0000000000..59c8c225b7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/009_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/00e_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/00e_color.png Binary files differnew file mode 100644 index 0000000000..890627ef9f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/00e_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/00f_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/00f_color.png Binary files differnew file mode 100644 index 0000000000..d86f444a9e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/00f_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/00fc00_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/00fc00_color.png Binary files differnew file mode 100644 index 0000000000..45b2d4e491 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/00fc00_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/00fd00_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/00fd00_color.png Binary files differnew file mode 100644 index 0000000000..048cf6d8bc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/00fd00_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/00fe00_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/00fe00_color.png Binary files differnew file mode 100644 index 0000000000..d87dfad1a7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/00fe00_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/010000_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/010000_color.png Binary files differnew file mode 100644 index 0000000000..4fb66c452b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/010000_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/010101_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/010101_color.png Binary files differnew file mode 100644 index 0000000000..3d12cdf283 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/010101_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/010_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/010_color.png Binary files differnew file mode 100644 index 0000000000..aa02c2fc07 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/010_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/020000_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/020000_color.png Binary files differnew file mode 100644 index 0000000000..b9081b2c52 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/020000_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/020202_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/020202_color.png Binary files differnew file mode 100644 index 0000000000..4609f7e32b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/020202_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/030000_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/030000_color.png Binary files differnew file mode 100644 index 0000000000..394a849398 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/030000_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/030303_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/030303_color.png Binary files differnew file mode 100644 index 0000000000..1bc412918d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/030303_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/090_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/090_color.png Binary files differnew file mode 100644 index 0000000000..08486ddd2e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/090_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/0e0_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/0e0_color.png Binary files differnew file mode 100644 index 0000000000..9b3da18419 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/0e0_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/0f0_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/0f0_color.png Binary files differnew file mode 100644 index 0000000000..b79feb73e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/0f0_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/100_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/100_color.png Binary files differnew file mode 100644 index 0000000000..3252b1203a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/100_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/100x100-lime.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/100x100-lime.png Binary files differnew file mode 100644 index 0000000000..1b94770080 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/100x100-lime.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/100x100-red.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/100x100-red.png Binary files differnew file mode 100644 index 0000000000..57bf3ddc52 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/100x100-red.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/111_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/111_color.png Binary files differnew file mode 100644 index 0000000000..3f87769d3e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/111_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-green.png Binary files differnew file mode 100644 index 0000000000..b98ca0ba0a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-green.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-lime.png Binary files differnew file mode 100644 index 0000000000..cb397fb090 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-lime.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-maroon.png Binary files differnew file mode 100644 index 0000000000..3f86b07219 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-maroon.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-navy.png Binary files differnew file mode 100644 index 0000000000..9b9a03955b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-navy.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-red.png Binary files differnew file mode 100644 index 0000000000..6bd73ac101 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-red.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-white.png Binary files differnew file mode 100644 index 0000000000..dd43faec54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/1x1-white.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/60x60-gg-rr.png Binary files differnew file mode 100644 index 0000000000..84f5b2a4f1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/60x60-gg-rr.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/60x60-green.png Binary files differnew file mode 100644 index 0000000000..b3c8cf3eb4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/60x60-green.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/660000_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/660000_color.png Binary files differnew file mode 100644 index 0000000000..a53c4d814d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/660000_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/666666_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/666666_color.png Binary files differnew file mode 100644 index 0000000000..0c257ddaba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/666666_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/7f0000_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/7f0000_color.png Binary files differnew file mode 100644 index 0000000000..73c14d8efc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/7f0000_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/7f7f7f_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/7f7f7f_color.png Binary files differnew file mode 100644 index 0000000000..96b704d3bf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/7f7f7f_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/800000_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/800000_color.png Binary files differnew file mode 100644 index 0000000000..5e366ce05a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/800000_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/808080_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/808080_color.png Binary files differnew file mode 100644 index 0000000000..86da9d7b5e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/808080_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/900_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/900_color.png Binary files differnew file mode 100644 index 0000000000..7ebcd4d596 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/900_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/999_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/999_color.png Binary files differnew file mode 100644 index 0000000000..a6732b17c9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/999_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/README b/testing/web-platform/tests/css/CSS2/backgrounds/support/README new file mode 100644 index 0000000000..2e5f2ad073 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/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/backgrounds/support/animated.gif b/testing/web-platform/tests/css/CSS2/backgrounds/support/animated.gif Binary files differnew file mode 100644 index 0000000000..23b7d209e4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/animated.gif diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/aqua_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/aqua_color.png Binary files differnew file mode 100644 index 0000000000..0a26c7d00d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/aqua_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/background-alpha-test.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-alpha-test.png Binary files differnew file mode 100644 index 0000000000..2eb7a7977c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-alpha-test.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/background-iframes-001.html b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-iframes-001.html new file mode 100644 index 0000000000..f2d18df6ab --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-iframes-001.html @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html lang="en"> + <head> + <meta charset="utf-8"> + <title>Inner Frame</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-04-21 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/iframes/001a.html" type="text/html"> + <style type="text/css"> + * { background: transparent; margin: 0; padding: 0; } + p { margin: 4em 1em; color: blue; } + </style> + </head> + <body> + <!-- Transparent --> + <p>You should see the word "PASS" above.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-bottom-center.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-bottom-center.png Binary files differnew file mode 100644 index 0000000000..69a77a1c02 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-bottom-center.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-bottom-left.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-bottom-left.png Binary files differnew file mode 100644 index 0000000000..06fd4259e6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-bottom-left.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-bottom-right.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-bottom-right.png Binary files differnew file mode 100644 index 0000000000..21b51f8434 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-bottom-right.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-center-center.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-center-center.png Binary files differnew file mode 100644 index 0000000000..5f35ec47c0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-center-center.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-center-left.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-center-left.png Binary files differnew file mode 100644 index 0000000000..565363770e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-center-left.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-center-right.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-center-right.png Binary files differnew file mode 100644 index 0000000000..c61e813f6a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-center-right.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-top-center.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-top-center.png Binary files differnew file mode 100644 index 0000000000..dc1f0be8a8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-top-center.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-top-left.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-top-left.png Binary files differnew file mode 100644 index 0000000000..e9999e3448 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-top-left.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-top-right.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-top-right.png Binary files differnew file mode 100644 index 0000000000..153faa0e3d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/background-position-top-right.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/bar_with_corner_dot.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/bar_with_corner_dot.png Binary files differnew file mode 100644 index 0000000000..fbbc56de16 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/bar_with_corner_dot.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/black15x15.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/black15x15.png Binary files differnew file mode 100644 index 0000000000..b1bbef2cd5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/black15x15.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/black20x20.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/black20x20.png Binary files differnew file mode 100644 index 0000000000..ebf7027ee7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/black20x20.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/blue-orange-rectangle.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/blue-orange-rectangle.png Binary files differnew file mode 100644 index 0000000000..f43f193291 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/blue-orange-rectangle.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/blue15x15.png Binary files differnew file mode 100644 index 0000000000..89de32fdb8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/blue15x15.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/blue96x96.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/blue96x96.png Binary files differnew file mode 100644 index 0000000000..820f8cace2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/blue96x96.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/bordered-rectangle.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/bordered-rectangle.png Binary files differnew file mode 100644 index 0000000000..1da0ce2ec3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/bordered-rectangle.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/cat-128.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/cat-128.png Binary files differnew file mode 100644 index 0000000000..a7b61bced8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/cat-128.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/cat-830.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/cat-830.png Binary files differnew file mode 100644 index 0000000000..34c4f5b2a2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/cat-830.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/cat.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/cat.png Binary files differnew file mode 100644 index 0000000000..85dd732481 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/cat.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/diamond.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/diamond.png Binary files differnew file mode 100644 index 0000000000..51112efc7c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/diamond.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/e00_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/e00_color.png Binary files differnew file mode 100644 index 0000000000..099ac40636 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/e00_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/eee_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/eee_color.png Binary files differnew file mode 100644 index 0000000000..0fee0d2701 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/eee_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/f00_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/f00_color.png Binary files differnew file mode 100644 index 0000000000..e04c3e1b79 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/f00_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/fc0000_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/fc0000_color.png Binary files differnew file mode 100644 index 0000000000..08db9a3d40 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/fc0000_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/fcfcfc_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/fcfcfc_color.png Binary files differnew file mode 100644 index 0000000000..1f60f7f655 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/fcfcfc_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/fd0000_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/fd0000_color.png Binary files differnew file mode 100644 index 0000000000..0c5d949812 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/fd0000_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/fdfdfd_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/fdfdfd_color.png Binary files differnew file mode 100644 index 0000000000..1c6ee9445f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/fdfdfd_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/fe0000_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/fe0000_color.png Binary files differnew file mode 100644 index 0000000000..a37fde2585 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/fe0000_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/fefefe_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/fefefe_color.png Binary files differnew file mode 100644 index 0000000000..aaf3e29683 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/fefefe_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/fff_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/fff_color.png Binary files differnew file mode 100644 index 0000000000..dae1772055 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/fff_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/fuchsia_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/fuchsia_color.png Binary files differnew file mode 100644 index 0000000000..65e6878bb4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/fuchsia_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-height-ratio.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-height-ratio.svg new file mode 100644 index 0000000000..6a0495bd49 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-height-ratio.svg @@ -0,0 +1,5 @@ +<!-- only intrinsic ratio and height --> +<svg xmlns="http://www.w3.org/2000/svg" + height="60" viewBox="0 0 4 6"> + <rect width="100%" height="100%" fill="green"/> +</svg> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-height.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-height.svg new file mode 100644 index 0000000000..04f77878bc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-height.svg @@ -0,0 +1,5 @@ +<!-- only intrinsic height --> +<svg xmlns="http://www.w3.org/2000/svg" + height="60"> + <rect width="100%" height="100%" fill="green"/> +</svg> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-none.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-none.svg new file mode 100644 index 0000000000..8f1cf0adda --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-none.svg @@ -0,0 +1,4 @@ +<!-- no intrinsic size --> +<svg xmlns="http://www.w3.org/2000/svg"> + <rect width="100%" height="100%" fill="green"/> +</svg> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-ratio-landscape.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-ratio-landscape.svg new file mode 100644 index 0000000000..4c2e75ba0e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-ratio-landscape.svg @@ -0,0 +1,5 @@ +<!-- only intrinsic ratio (landscape) --> +<svg xmlns="http://www.w3.org/2000/svg" + viewBox="0 0 6 4"> + <rect width="100%" height="100%" fill="green"/> +</svg> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-ratio-portrait.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-ratio-portrait.svg new file mode 100644 index 0000000000..0ec89f82c6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-ratio-portrait.svg @@ -0,0 +1,5 @@ +<!-- only intrinsic ratio (portrait) --> +<svg xmlns="http://www.w3.org/2000/svg" + viewBox="0 0 4 6"> + <rect width="100%" height="100%" fill="green"/> +</svg> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width-height.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width-height.svg new file mode 100644 index 0000000000..2c5d164298 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width-height.svg @@ -0,0 +1,5 @@ +<!-- only intrinsic height --> +<svg xmlns="http://www.w3.org/2000/svg" + width="40" height="60"> + <rect width="100%" height="100%" fill="green"/> +</svg> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width-pc-height-pc.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width-pc-height-pc.svg new file mode 100644 index 0000000000..6fc18f30af --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width-pc-height-pc.svg @@ -0,0 +1,5 @@ +<!-- only intrinsic height --> +<svg xmlns="http://www.w3.org/2000/svg" + width="40%" height="60%"> + <rect width="100%" height="100%" fill="green"/> +</svg> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width-ratio.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width-ratio.svg new file mode 100644 index 0000000000..9e44203ee2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width-ratio.svg @@ -0,0 +1,5 @@ +<!-- only intrinsic ratio and height --> +<svg xmlns="http://www.w3.org/2000/svg" + width="40" viewBox="0 0 4 6"> + <rect width="100%" height="100%" fill="green"/> +</svg> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width.svg new file mode 100644 index 0000000000..dd7295244d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-intrinsic-width.svg @@ -0,0 +1,5 @@ +<!-- only intrinsic width --> +<svg xmlns="http://www.w3.org/2000/svg" + width="60"> + <rect width="100%" height="100%" fill="green"/> +</svg> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green-landscape.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-landscape.png Binary files differnew file mode 100644 index 0000000000..a5ca1cd6b8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-landscape.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green-portrait.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-portrait.png Binary files differnew file mode 100644 index 0000000000..f263a0dcb5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green-portrait.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green15x15.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/green15x15.png Binary files differnew file mode 100644 index 0000000000..51741584a0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green15x15.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/green_box.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/green_box.png Binary files differnew file mode 100644 index 0000000000..6ed4aa506e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/green_box.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/margin-collapse-2em-space.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/margin-collapse-2em-space.png Binary files differnew file mode 100644 index 0000000000..2c381ef4dc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/margin-collapse-2em-space.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/margin-collapse-4em-space.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/margin-collapse-4em-space.png Binary files differnew file mode 100644 index 0000000000..dc338c0bfe --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/margin-collapse-4em-space.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/maroon_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/maroon_color.png Binary files differnew file mode 100644 index 0000000000..a85b5ae150 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/maroon_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/olive_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/olive_color.png Binary files differnew file mode 100644 index 0000000000..ba0173f374 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/olive_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/orange-PASS-300x150.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/orange-PASS-300x150.png Binary files differnew file mode 100644 index 0000000000..8cddb128b0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/orange-PASS-300x150.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/orange15x15.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/orange15x15.png Binary files differnew file mode 100644 index 0000000000..f0c26367a4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/orange15x15.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/orange_box.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/orange_box.png Binary files differnew file mode 100644 index 0000000000..793e6c9094 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/orange_box.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-grg-rgr-grg.png Binary files differnew file mode 100644 index 0000000000..9b88fbd811 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-grg-rgr-grg.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-grg-rrg-rgg.png Binary files differnew file mode 100644 index 0000000000..fcf4f3fd7d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-grg-rrg-rgg.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-rgr-grg-rgr.png Binary files differnew file mode 100644 index 0000000000..d454e3a630 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-rgr-grg-rgr.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-tr.png Binary files differnew file mode 100644 index 0000000000..8b4b25364e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/pattern-tr.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/purple_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/purple_color.png Binary files differnew file mode 100644 index 0000000000..cc5bf7e45a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/purple_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-height-ratio.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-height-ratio.svg new file mode 100644 index 0000000000..55063b97ac --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-height-ratio.svg @@ -0,0 +1,5 @@ +<!-- only intrinsic ratio and height --> +<svg xmlns="http://www.w3.org/2000/svg" + height="60" viewBox="0 0 4 6"> + <rect width="100%" height="100%" fill="red"/> +</svg> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-height.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-height.svg new file mode 100644 index 0000000000..9e446e0bec --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-height.svg @@ -0,0 +1,5 @@ +<!-- only intrinsic height --> +<svg xmlns="http://www.w3.org/2000/svg" + height="60"> + <rect width="100%" height="100%" fill="red"/> +</svg> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-none.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-none.svg new file mode 100644 index 0000000000..078e34a18e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-none.svg @@ -0,0 +1,4 @@ +<!-- no intrinsic size --> +<svg xmlns="http://www.w3.org/2000/svg"> + <rect width="100%" height="100%" fill="red"/> +</svg> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-ratio-landscape.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-ratio-landscape.svg new file mode 100644 index 0000000000..8fafa8ca96 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-ratio-landscape.svg @@ -0,0 +1,5 @@ +<!-- only intrinsic ratio (landscape) --> +<svg xmlns="http://www.w3.org/2000/svg" + viewBox="0 0 6 4"> + <rect width="100%" height="100%" fill="red"/> +</svg> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-ratio-portrait.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-ratio-portrait.svg new file mode 100644 index 0000000000..962bc5d1ce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-ratio-portrait.svg @@ -0,0 +1,5 @@ +<!-- only intrinsic ratio (portrait) --> +<svg xmlns="http://www.w3.org/2000/svg" + viewBox="0 0 4 6"> + <rect width="100%" height="100%" fill="red"/> +</svg> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width-height.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width-height.svg new file mode 100644 index 0000000000..b3c8e47d44 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width-height.svg @@ -0,0 +1,5 @@ +<!-- only intrinsic height --> +<svg xmlns="http://www.w3.org/2000/svg" + width="40" height="60"> + <rect width="100%" height="100%" fill="red"/> +</svg> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width-pc-height-pc.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width-pc-height-pc.svg new file mode 100644 index 0000000000..361a8af4a4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width-pc-height-pc.svg @@ -0,0 +1,5 @@ +<!-- only intrinsic height --> +<svg xmlns="http://www.w3.org/2000/svg" + width="40%" height="60%"> + <rect width="100%" height="100%" fill="red"/> +</svg> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width-ratio.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width-ratio.svg new file mode 100644 index 0000000000..2d0e67e7e3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width-ratio.svg @@ -0,0 +1,5 @@ +<!-- only intrinsic ratio and width --> +<svg xmlns="http://www.w3.org/2000/svg" + width="40" viewBox="0 0 4 6"> + <rect width="100%" height="100%" fill="red"/> +</svg> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width.svg b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width.svg new file mode 100644 index 0000000000..fd49e23a10 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-intrinsic-width.svg @@ -0,0 +1,5 @@ +<!-- only intrinsic width --> +<svg xmlns="http://www.w3.org/2000/svg" + width="60"> + <rect width="100%" height="100%" fill="red"/> +</svg> diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red-landscape.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-landscape.png Binary files differnew file mode 100644 index 0000000000..4c0369bed7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-landscape.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red-portrait.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-portrait.png Binary files differnew file mode 100644 index 0000000000..6dd0e3b3c3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red-portrait.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red15x15.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/red15x15.png Binary files differnew file mode 100644 index 0000000000..39005d7e6b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red15x15.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/red_box.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/red_box.png Binary files differnew file mode 100644 index 0000000000..57bf3ddc52 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/red_box.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/ring.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/ring.png Binary files differnew file mode 100644 index 0000000000..061bb94eba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/ring.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/ruler-h-200px-400px.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/ruler-h-200px-400px.png Binary files differnew file mode 100644 index 0000000000..a6461c3d3f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/ruler-h-200px-400px.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/ruler-v-100px-200px-300px.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/ruler-v-100px-200px-300px.png Binary files differnew file mode 100644 index 0000000000..d61da4da26 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/ruler-v-100px-200px-300px.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/silver_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/silver_color.png Binary files differnew file mode 100644 index 0000000000..ceb4e510f9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/silver_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/square-purple.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/square-purple.png Binary files differnew file mode 100644 index 0000000000..0f522d7872 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/square-purple.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/square-teal.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/square-teal.png Binary files differnew file mode 100644 index 0000000000..e567f51b91 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/square-teal.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/square-white.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/square-white.png Binary files differnew file mode 100644 index 0000000000..5853cbb238 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/square-white.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-blue.png Binary files differnew file mode 100644 index 0000000000..bf2759634d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-blue.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-green.png Binary files differnew file mode 100644 index 0000000000..0aa79b0c86 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-green.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-lime.png Binary files differnew file mode 100644 index 0000000000..55fd7fdaed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-lime.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-orange.png Binary files differnew file mode 100644 index 0000000000..d3cd498b52 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-orange.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-red.png Binary files differnew file mode 100644 index 0000000000..1caf25c992 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-red.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-teal.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-teal.png Binary files differnew file mode 100644 index 0000000000..0293ce89de --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-teal.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-white.png Binary files differnew file mode 100644 index 0000000000..1a7d4323d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-white.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-yellow.png Binary files differnew file mode 100644 index 0000000000..1591aa0e2e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/swatch-yellow.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/teal_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/teal_color.png Binary files differnew file mode 100644 index 0000000000..2fde04855d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/teal_color.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/test-bl.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/test-bl.png Binary files differnew file mode 100644 index 0000000000..904e24e996 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/test-bl.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/test-br.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/test-br.png Binary files differnew file mode 100644 index 0000000000..f413ff5c1a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/test-br.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/test-outer.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/test-outer.png Binary files differnew file mode 100644 index 0000000000..82eeace7fc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/test-outer.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/test-tl.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/test-tl.png Binary files differnew file mode 100644 index 0000000000..f6ac0ef7e8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/test-tl.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/test-tr.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/test-tr.png Binary files differnew file mode 100644 index 0000000000..59843ae54b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/test-tr.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/transparent_green.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/transparent_green.png Binary files differnew file mode 100644 index 0000000000..d5f50d3256 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/transparent_green.png diff --git a/testing/web-platform/tests/css/CSS2/backgrounds/support/yellow_color.png b/testing/web-platform/tests/css/CSS2/backgrounds/support/yellow_color.png Binary files differnew file mode 100644 index 0000000000..d0d02000d6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/backgrounds/support/yellow_color.png |
