summaryrefslogtreecommitdiffstats
path: root/layout/reftests/pixel-rounding/rounded-background-color-base-ref.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/pixel-rounding/rounded-background-color-base-ref.html')
-rw-r--r--layout/reftests/pixel-rounding/rounded-background-color-base-ref.html74
1 files changed, 74 insertions, 0 deletions
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-base-ref.html b/layout/reftests/pixel-rounding/rounded-background-color-base-ref.html
new file mode 100644
index 0000000000..7f299a3507
--- /dev/null
+++ b/layout/reftests/pixel-rounding/rounded-background-color-base-ref.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+
+body > div { margin: 10px; height: 80px; position: relative; }
+
+body > div > div {
+ position: absolute; top: 0; left: 0; height: 10px; width: 10px;
+}
+
+body > div > div { background: green; }
+
+.tl { top: 20px; }
+.tr { margin-top: 40px; }
+.bl { left: 20px; }
+.br { margin-left: 40px; }
+
+div.one > div.tl { border-top-left-radius: 1px; }
+div.one > div.tr { border-top-right-radius: 1px; }
+div.one > div.bl { border-bottom-left-radius: 1px; }
+div.one > div.br { border-bottom-right-radius: 1px; }
+div.four > div.tl { border-top-left-radius: 4px; }
+div.four > div.tr { border-top-right-radius: 4px; }
+div.four > div.bl { border-bottom-left-radius: 4px; }
+div.four > div.br { border-bottom-right-radius: 4px; }
+
+</style>
+</head>
+<body>
+
+<div class="one">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+<div class="four">
+<div></div>
+<div class="tl"></div>
+<div class="tr"></div>
+<div class="bl"></div>
+<div class="br"></div>
+<div class="tl tr"></div>
+<div class="tl bl"></div>
+<div class="tl br"></div>
+<div class="tr bl"></div>
+<div class="tr br"></div>
+<div class="bl br"></div>
+<div class="tl tr bl"></div>
+<div class="tl tr br"></div>
+<div class="tl bl br"></div>
+<div class="tr bl br"></div>
+<div class="tl tr bl br"></div>
+</div>
+
+</body>
+</html>