summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-ui/cursor-box-006.html
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
commit26a029d407be480d791972afb5975cf62c9360a6 (patch)
treef435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/css/css-ui/cursor-box-006.html
parentInitial commit. (diff)
downloadfirefox-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/css-ui/cursor-box-006.html')
-rw-r--r--testing/web-platform/tests/css/css-ui/cursor-box-006.html28
1 files changed, 28 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-ui/cursor-box-006.html b/testing/web-platform/tests/css/css-ui/cursor-box-006.html
new file mode 100644
index 0000000000..135b0a4c7d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-ui/cursor-box-006.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<title>CSS Basic User Interface Test: cursor on border images extending out of the border-box</title>
+<link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net">
+<link rel="help" href="http://www.w3.org/TR/css3-ui/#cursor">
+<meta name="flags" content="interact">
+<meta charset="UTF-8">
+<meta name="assert" content="The cursor property is not applied outside of the border box, even if border images do extend further out.">
+<style>
+#container {
+ position: absolute;
+ padding: 50px;
+ cursor: crosshair;
+}
+#test{
+ border-image: linear-gradient(blue, blue);
+ border-image-outset: 50px;
+ border-image-width: 50px;
+ border-style: solid;
+ border-width: 5px;
+ border-color: white;
+ cursor: url("support/cursors/fail.png"), help;
+}
+</style>
+<body>
+ <p>The test passes if, when moved over the blue boxes, the cursor looks like a crosshair (e.g. short line segments resembling a "+" sign).
+ The shape of the cursor when it is over white areas is not part of this test.</p>
+ <div id=container><div id=test></div></div>
+</body>