summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/CSS2/backgrounds/background-162.xht
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 09:22:09 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 09:22:09 +0000
commit43a97878ce14b72f0981164f87f2e35e14151312 (patch)
tree620249daf56c0258faa40cbdcf9cfba06de2a846 /testing/web-platform/tests/css/CSS2/backgrounds/background-162.xht
parentInitial commit. (diff)
downloadfirefox-43a97878ce14b72f0981164f87f2e35e14151312.tar.xz
firefox-43a97878ce14b72f0981164f87f2e35e14151312.zip
Adding upstream version 110.0.1.upstream/110.0.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/backgrounds/background-162.xht')
-rw-r--r--testing/web-platform/tests/css/CSS2/backgrounds/background-162.xht31
1 files changed, 31 insertions, 0 deletions
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