summaryrefslogtreecommitdiffstats
path: root/layout/reftests/backgrounds/background-clip-1.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 /layout/reftests/backgrounds/background-clip-1.html
parentInitial commit. (diff)
downloadfirefox-e51783d008170d9ab27d25da98ca3a38b0a41b67.tar.xz
firefox-e51783d008170d9ab27d25da98ca3a38b0a41b67.zip
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/reftests/backgrounds/background-clip-1.html')
-rw-r--r--layout/reftests/backgrounds/background-clip-1.html52
1 files changed, 52 insertions, 0 deletions
diff --git a/layout/reftests/backgrounds/background-clip-1.html b/layout/reftests/backgrounds/background-clip-1.html
new file mode 100644
index 0000000000..8cd8505de4
--- /dev/null
+++ b/layout/reftests/backgrounds/background-clip-1.html
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML>
+<title>background-clip</title>
+<style type="text/css">
+
+div {
+ position: absolute;
+ margin: 1px 2px 4px 8px;
+ border: transparent solid;
+ border-width: 3px 9px 6px 12px;
+ padding: 5px 11px 9px 7px;
+ width: 37px;
+ height: 19px;
+ /*
+ * content box: 37 x 19
+ * padding box: 55 x 33
+ * border box: 76 x 42
+ * margin box: 86 x 47
+ */
+}
+
+div.color {
+ top: 10px;
+ background-color: blue;
+}
+
+div.image {
+ top: 110px;
+ background-image: url(blue-32x32.png);
+}
+
+div.border {
+ background-clip: border-box;
+ left: 10px;
+}
+
+div.padding {
+ background-clip: padding-box;
+ left: 110px;
+}
+
+div.content {
+ background-clip: content-box;
+ left: 210px;
+}
+
+</style>
+<div class="color border"></div>
+<div class="color padding"></div>
+<div class="color content"></div>
+<div class="image border"></div>
+<div class="image padding"></div>
+<div class="image content"></div>